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