我是jQuery新手，正在尝试切换同级div。基本上，我有一个div的列表，每当我单击以显示下一个div时，上一个就应该关闭。当前，当下一个div打开时，上一个没有关闭，无法弄清原因。我必须手动打开和关闭每个div。
对不起，新手问题！:)
任何帮助将不胜感激！
function showHide(button){
$(button).next('.showhide').toggle().siblings('.showhide').hide();
}
的HTML：
<div class="acc-s-container">
<div class="acc-s-header" id="div" onclick="showHide(this)">
<h1>Account Settings</h1>
</div>
<div id="divcontent" class="acc-s-content showhide">
<p>content</p>
</div>
</div>
<div class="acc-s-container">
<div class="acc-s-header" id="div2" onclick="showHide(this)">
<h1>Account Settings</h1>
</div>
<div id="divcontent2" class="acc-s-content showhide">
<p>content</p>
</div>
</div>
<div class="acc-s-container">
<div class="acc-s-header" id="div3" onclick="showHide(this)">
<h1>Account Settings</h1>
</div>
<div id="divcontent3" class="acc-s-content showhide">
<p>content</p>
</div>
</div>
的CSS
.acc-s-content{display:none;}
您选择了错误的选择器来定位单击的divs parent.use的.showhide兄弟.acc-s-containerdiv中的元素：
function showHide(button){
$(button).next('.showhide').toggle().parent().siblings().find('.showhide').hide();
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句