12

ブートストラップアコーディオンを作成する必要があります。以下のマークアップは正常に機能しますが、以前に開いた要素を自動折りたたみしません。たとえば、panel1を開き、次にpanel2をクリックします。次にpanel1は自動で閉じますが、そうではありません。ブートストラップサイト（http://twitter.github.com/bootstrap/javascript.html#collapse）からマークアップを正確にコピーしようとしましたが、機能しません。私は何が欠けていますか？

<h3>ACCORDION DEMO</h3>
<div class="accordion" id="accordion1">
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-parent="accordion1" data-toggle="collapse" href="#panel1">Panel 1</a>
        </div>
        <div class="accordion-body collapse" id="panel1">
            <div class="accordion-inner">
                <p>This is accordion panel 1 content</p>
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-parent="accordion1" data-toggle="collapse" href="#panel2">Panel 2</a>
        </div>
        <div class="accordion-body collapse" id="panel2">
            <div class="accordion-inner">
                <p>This is accordion panel 2 content</p>
            </div>
        </div>
    </div>
</div>
4

4 に答える 4

28

data-parent="accordion1"単純に置き換えるdata-parent="#accordion1"

于 2012-07-25T12:03:46.563 に答える
10

後世のために、アコーディオン パネルの自動折りたたみを妨げるもう 1 つの理由は、要素がアコーディオン (要素).panelの直接の子でない場合です。.panel-groupパネルのコンテンツを でラップしていたのですがdiv、.panel-groupアコーディオンが気に入らなかったのです。

于 2015-02-13T18:34:48.153 に答える
0

私は同じ動作を経験していました。ブートストラップ遷移モジュールを削除しましたが、うまくいきました。また、ポップオーバーが消える問題も修正されました。

于 2014-10-30T09:01:56.653 に答える
-3

私は同じ問題に直面していて、予感に基づいていくつかの変更を加えました.それはうまくいきました.誰かを助けるかもしれない場合に備えて、私の発見を共有したいと思います..私はそれらを作っていた複数のページでアコーディオン折りたたみ機能を使用していました.奇妙な行動..異なるパネルに一意のhrefとパネルIDを与えることが助けになりました。

于 2016-08-06T16:27:34.587 に答える