<div class="wrap"> Header 1 <div>Collapsible content 1</div> </div><!-- end wrap --> <div"> <div class="wrap"> Header 1 <div>Collapsible content 1</div> </div><!-- end wrap --> <div"> <div class="wrap"> Header 1 <div>Collapsible content 1</div> </div><!-- end wrap --> <div" />

セクションをDIVで囲んだjQuery UIアコーディオン

私は、ここで概説されているように、アコーディオンを正常に実装しましたが、divの各セクションをラップしたいと思います。私の構造は次のようになります:

<div id="accordion">
<div class="wrap">

Header 1

<div>Collapsible content 1</div> </div><!-- end wrap --> <div class="wrap">

Header 2

<div>Collapsible content 2</div> </div><!-- end wrap --> <div class="wrap">

Header 3

<div>Collapsible content 3</div> </div><!-- end wrap --> </div>

Is this possible using the accordion functionality provided in jQuery UI? As of now, if I try to build it this way, it attempts to treat the <div class="wrap"> as the section header.

8

1 答え

ヘッダーオプションを変更しても問題ありません。

http://jqueryui.com/demos/accordion/#option-header

$(function() {
        $( "#accordion" ).accordion(
         { header: '> div.wrap > h3' }
        );
    });

http://jsfiddle.net/Quincy/RCXwz/

13
追加された
ラッパーがアクティブな場合はaddclassを追加し、アクティブでない場合はクラスを削除することができますか?
追加された 著者 Waheed ur Rehman,