asp.net - asp.netトグルのブートストラップアコーディオンがまったく機能しない

Question

申し訳ありませんが、別のブートストラップの質問ですが、これと1日半戦った後、誰かが私を助けてくれることを願っていました。

ブートストラップ メニューとタブを備えた asp.net 4.5 Web フォームがあります (うまく機能します!) モバイル ビューでは、タブの代わりにアコーディオンを表示したいと考えていました。

新しいセクションを作成し、ブートストラップの例のコードに従いましたが、トグルできません。リンクをクリックしても何も起こりません。

アコーディオン セクションの 1 つをアコーディオン ボディが折りたたまれるように変更しました。

運がない。最初に開いたときは開いていますが、別のアコーディオン ヘッダーをクリックすると、開いているヘッダーが閉じて何も開かなくなります。

    <section class="hidden-desktop visible-tablet visible-phone">
        <div id="accordion2" class="accordion">

            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acServ">Services
                    </a>
                </div>

                <div id="acServ" class="accordion-body collapse in">
                    <div class="accordion-inner">
                        <div>
                            Services
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acSched">Scheduling
                    </a>
                </div>

                <div id="acSched" class="accordion-body collapse">
                    <div class="accordion-inner">
                        <div>
                            Scheduling
                        </div>
                    </div>
                </div>
            </div>

            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acClient">Clients
                    </a>
                </div>

                <div id="acClient" class="accordion-body collapse">
                    <div class="accordion-inner">
                        <div>
                            Clients
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acForm">Formulas
                    </a>
                </div>

                <div id="acForm" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            Formulas
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acProd">Products
                    </a>
                </div>

                <div id="acProd" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            Products
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acAbout">About
                    </a>
                </div>

                <div id="acAbout" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            About
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acStart">Get Started
                    </a>
                </div>

                <div id="acStart" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            Get Started
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

何が起こっているのか誰にも考えがありますか？

そうそう、スクリプトは次のように並べられています...

<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/bootstrap-collapse.js"></script>
<script src="Scripts/bootstrap-transition.js"></script>

cssは次のようになります...

<link href="Content/bootstrap.css" rel="stylesheet" />
<link href="Content/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="Content/Site.css" rel="stylesheet" />

Site.css は、bootstrap.css タブに加えた単純な変更 (色など) です。