0

1 つのヘッダーと 1 つのコンテンツ パネルをアコーディオンに変換しようとしています。

<div id="accordion-two">
    <h3>Header</h3>
    <div>Content panel</div>
</div>

これはjQueryコードです

$('#accordion-two').accordion({
    header: 'h3',
    event: 'click',
    animated: 'swing',
    duration: 800, 
    active: false
});

私の質問は、ヘッダーにクリック イベントを適用してコンテンツ パネルを開き、コンテンツ パネルを折りたたむ必要があるということです。

ありがとうございました..

4

2 に答える 2

2

折りたたみ可能属性を設定するのは非常に簡単です。

$('#accordion-two').accordion(
    {
    header: 'h3', 
    event: 'click',  
    animated: 'swing', 
    duration: 800, 
    active: false,  
    collapsible: true 
    }
);​
于 2012-12-27T03:16:59.287 に答える
1

コードで jQuery UI を参照する必要があります。

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script>

collapsibleまた、他の回答で述べたように、デフォルトでは常に展開されたパネルが存在する必要があるため、パネルが 1 つしかない場合は、オプションを切り替えない限り折りたたむことはできません。collapsible: true

于 2012-12-27T03:17:09.800 に答える