0

我需要为 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 来说还是新手,所以不知道它所提供的一切。有人可以指出我正在尝试做的事情的正确方向。谢谢

4

1 回答 1

1

您似乎没有使用 jQuery ui Accordion。

这是一个小提琴$.accordion():http: //jsfiddle.net/C3Gra/1/

没有小提琴:http $.accordion(): //jsfiddle.net/w2uXZ/

编辑:$.accordion()扩展 all 并不能很好地发挥作用,因为它的内部状态最多可以容纳一个活动元素。

于 2012-08-22T03:45:20.620 回答