與Jquery手風琴搏鬥

Question

我有一系列帶有以下標記的手風琴選項卡。

<h3 class="formTitle"> Miscellaneous Forms</h3> 
    <div class="misc formwrapper" style="display: block;"> 
     <ul> 
      <li>Item 
      </li> 

     </ul> 
    </div> 
    <h3 class="formTitle"> Miscellaneous Forms</h3> 
    <div class="misc formwrapper" style="display: block;"> 
     <ul> 
      <li>Item 
      </li> 

     </ul> 
    </div> 
    <h3 class="formTitle"> Miscellaneous Forms</h3> 
    <div class="misc formwrapper" style="display: block;"> 
     <ul> 
      <li>Item 
      </li> 

     </ul> 
    </div> 

每個H3作爲一個用來觸發與以下JS的揭示。

$(".formTitle").click(function() { 
    var item =$(this).next(".formwrapper").toggle("medium"); 
}); 

這可以切換項目很好，但我想知道如何隱藏可能打開的其他選項卡。說我點擊一個，然後兩個，我怎麼隱藏一個回來？

我試過兄弟姐妹，而不是（（$這）），但我無法完全理解邏輯。

Answer 1

您可以使用.not()

$(".formwrapper").not($(this).next(".formwrapper")).hide(); 

Answer 2

這裏是一片邏輯的;）

var allPanels = $('.formTitle').children().hide(); 

     $('.formTitle').click(function() { 
     allPanels.slideUp(); 
     $(this).children().slideDown(); 
     return false; 
     });