5

SOについて2つ質問があります。

  1. アイテムがクリックされたとき、それを表示し、他のすべてのアイテムを非表示にします
  2. navbar のような折りたたみ可能なレスポンシブ サイドバー

最初に私のjsFiddle Demo: http://jsfiddle.net/JpJqD/1/

折りたたみ可能なサイドバー メニューの作成に取り組んでいます。

デモでわかるように; クリックarticlesすると、他の人を折りたたむ（隠す）必要があります。次に、クリックするとusers、articlesサブレベルを持つ他のアイテムが折りたたまれます（非表示）。したがって、常に 1 つの開いているメニューにする必要があります。

collapseBootstrapドキュメントから試しましたが、次のコードではできませんでした:

$('#sidebar a').on('click', function () {
    $(this).closest('div').find('.collapse').collapse('hide');
    $(this).collapse('show');
});

私はこれを行うことができますが、すべてのアイテムaccordionに必要なクラスの原因になりたくありません。panel

navbarところで、モバイルやタブレット用のメニューのようなレスポンシブなサイドバーを作りたいですか? Bootstrap ドキュメントのように使用しましたが、機能しませんでした。

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
4

2 に答える 2

1

アニメーション付きの自動折りたたみ式サイドバーを探しているなら、これが最高です

コード
https://github.com/IronSummitMedia/startbootstrap-simple-sidebar

デモ
http://ironsummitmedia.github.io/startbootstrap-simple-sidebar

于 2015-03-29T06:19:04.903 に答える