与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;
});