与Jquery手风琴搏斗

与Jquery手风琴搏斗,jquery,Jquery,我有一系列带有以下标记的手风琴标签 <h3 class="formTitle"> Miscellaneous Forms</h3> <div class="misc formwrapper" style="display: block;"> <ul> <li>Item </li> </ul> </div&g

我有一系列带有以下标记的手风琴标签

   <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>
这可以很好地切换项目,但我想知道如何隐藏可能打开的其他选项卡。假设我点击一个然后点击两个,我如何隐藏一个

我试过兄弟姐妹而不是($this)),但我不能完全正确地理解逻辑。

你可以使用

这是一条逻辑;)


Perefect,我试过类似的方法,但我想我没有弄错这个结构,谢谢!谢谢Mat,出于好奇,为什么要把它放在变量中?
$( ".formTitle" ).click(function() {
    var item =$(this).next(".formwrapper").toggle("medium");
});
$(".formwrapper").not($(this).next(".formwrapper")).hide();
var allPanels = $('.formTitle').children().hide();

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