slideToggle兄弟その他のオープンdiv

Question

クリックして開くと他のdivを閉じたいと思います。

私はこのコードを持っていますが、正直なところ、私は本当に私はフィドルjust hereをしたが、私はdiv要素をクリックすると、すべての隠されたコンテンツが表示されます。..でもドキュメントにされた後、

を理解していません。

アイデアがありますか？ここで

は私のコードです：

<div class="etape-road-trip"> 
    <span>Click me</span> 
</div> 
<div class="col-xs-12"> 
    <div class="infos-etape-road-trip"> 
     Hidden content 
    </div> 
</div> 


<div class="etape-road-trip"> 
    <span>Click me</span> 
</div> 
<div class="col-xs-12"> 
    <div class="infos-etape-road-trip"> 
     Hidden content 
    </div> 
</div> 

CSS

.infos-etape-road-trip{ display: none; }

Answer 1

あなたは、正しいコンテンツをターゲットすなわちthis現在の要素を使用すると、すぐに兄弟の使用.next()子を、次のターゲットにする必要があります。今、何も作業していない

$('.etape-road-trip').click(function() { 
    var currentContent = $(this).next().find('.infos-etape-road-trip'); 
    $('.infos-etape-road-trip').not(currentContent).slideUp(); 
    currentContent.slideToggle(); 
}); 

Updated Fiddle