0

特定のページをクリックしても開いたままになるアコーディオン ナビゲーション メニューを作成しようとしています。残念ながら、オンラインで見つけた解決策を試しても、まだ開くことができません。

これは私の JQuery です:

$(function() {
    var icons = {
    header: "ui-icon-circle-arrow-e",
    activeHeader: "ui-icon-circle-arrow-s"
    };

    $( "#accordion" ).accordion({
    header: "h3",
    navigation: true,
    heightStyle: "content",
    icons: icons
    });
    $( "#toggle" ).button().click(function() {
    if ( $( "#accordion" ).accordion( "option", "icons" ) ) {
    $( "#accordion" ).accordion( "option", "icons", null );
    } else {
    $( "#accordion" ).accordion( "option", "icons", icons );
    }
    });
});

そして、これは私のメニューです：

<div id="accordion" style="float:left;">
  <h3>Datamarts & Logs</h3>
  <div>
    <a href="index.php"><div class="left_menu_button">Registered instances</div></a>
    <a href="add_instance.php"><div class="left_menu_button">Add instance</div></a>
    <a href="databases_info.php"><div class="left_menu_button">Databases info & logs</div></a>
  </div>
  </div>
  <h3>Administration</h3>
  <div>
    <a href="operations_history.php"><div class="left_menu_button">Operations history</div></a>
    <a href="users.php"><div class="left_menu_button">Users</div></a>
  </div>
  <h3>Tools</h3>
  <div>
    <a href="links.php"><div class="left_menu_button"><span>Links</span></div></a>
        <a href="projects.php"><div class="left_menu_button"><span>Projects</span></div></a>       
  </div>
</div>

#id をリンクの末尾の h3 またはアンカーに追加しようとしましたが、それでも機能しませんでした。ただし、各アンカーを URL と比較する機能はありますが、それをメニューで使用する方法がわかりません。

この件に関して何か助けていただければ幸いです。

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

4

3 に答える 3

1

1 つ余分にあるようです

</div>

削除してからやり直してください。通常、この種の小さな問題により、アコーディオンが適切に機能しないか、まったく機能しなくなります。

于 2013-02-15T11:17:04.707 に答える
0

私はそれを理解しました...私は$（'＃accordion'）。accordion（'option'、'active'、3）;を使用する必要があります。どうやら3はアンカーではなくH3の番号なので、私が使っていた4は何にも対応していませんでした。

于 2013-02-15T14:04:26.527 に答える