我使用该nextUntil()
功能创建了一个手风琴。单击手风琴项时,我想关闭以前活动的项。
HTML:
<div class="accordion">
<h3>Item 1</h3>
<p>...</p>
<p>...</p>
<h3>Item 2</h3>
<p>...</p>
<p>...</p>
<h3>Item 3</h3>
<p>...</p>
<p>...</p>
</div>
jQuery:
$(document).ready(function() {
$('.accordion p').hide();
$('.accordion h3').click(function(e) {
e.preventDefault();
var $this = $(this);
$this.nextUntil('.accordion h3').slideToggle('fast');
});
});
我需要完全如上所示的 DOM,并且不能有嵌套<p>
元素。
这是我到目前为止所做的演示:https ://jsfiddle.net/L6q4pako/
我无法正确使用该siblings()
功能来隐藏以前活动的<p>
标签。