我需要为 jquery 手风琴创建一个全部展开并折叠所有导航。
我让每个手风琴都能正常工作:
$('.accordion h3').click(function() {
$(this).next().toggle('slow');
return false;
}).next().hide();
<div class="accordion">
<h3 class="head"><a href="#">Section 1</a></h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>
<div class="accordion">
<h3><a href="#">Section 2</a></h3>
<div>
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
suscipit faucibus urna.
</p>
</div>
</div>
ETC.....
我需要为全部展开做这样的事情,而对全部折叠做相反的事情:
$('#nav .expand').click(function(){
$('.accordion h3').next().animate({
height: "auto"
});
return false;
});
对 jquery 来说还是新手,所以不知道它所提供的一切。有人可以指出我正在尝试做的事情的正确方向。谢谢