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>

等.....

すべてを展開するには次のようにし、すべてを折りたたむにはその逆を行う必要があります。

$('#nav .expand').click(function(){
    $('.accordion h3').next().animate({
            height: "auto"
        });
        return false;
});

jquery はまだ初めてなので、jquery が提供するすべての機能を認識していません。誰かが私がやろうとしていることを正しい方向に向けることができますか. ありがとう

4

1 に答える 1

1

jQuery ui Accordion を使用しているようには見えません。

ここにフィドルがあり$.accordion()ます：http://jsfiddle.net/C3Gra/1/

フィドルなし$.accordion(): http://jsfiddle.net/w2uXZ/

編集：$.accordion()内部状態には最大1つのアクティブな要素のための余地があるため、すべてを展開するとうまくいきません。

于 2012-08-22T03:45:20.620 に答える