0

複数の折りたたみ可能なパネルをナビゲーションバーに追加しようとしています。これまでのところ、パネル 2 が開いているときにパネル 1 を折りたたむことができました。ボタン 1 が折りたたまれた状態に戻ることはありません。ボタン2がクリックされたときにボタン1にクラス「折りたたみ」を追加する方法はありますか?

  <div id="header">
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <button type="button" class="btn collapsed" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-remove"></span> button 1
      </button>
      <button type="button" class="btn collapsed" data-toggle="collapse" data-target=".nav-collapse2">
      <span class="icon-remove"></span> button 2
      </button>
      <a class="brand" href="./index.html">Bootstrap</a>
      <div class="nav-collapse collapse">
        <ul class="nav">
          <li class="active">
            <a href="./index.html">Home</a>
          </li>
          <li class="">
            <a href="./getting-started.html">Get started</a>
          </li>
          <li class="">
            <a href="./scaffolding.html">Scaffolding</a>
          </li>
          <li class="">
            <a href="./base-css.html">Base CSS</a>
          </li>
        </ul>
      </div>
      <div class="nav-collapse2 collapse">
        <ul class="nav">
          <li class="active">
            <a href="./index.html">Home</a>
          </li>
          <li class="">
            <a href="./getting-started.html">Get started</a>
          </li>
          <li class="">
            <a href="./scaffolding.html">Scaffolding</a>
          </li>
          <li class="">
            <a href="./base-css.html">Base CSS</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

ここでデモを見ることができます: http://jsfiddle.net/Kierlens/3Uet8/

4

1 に答える 1

0 
$(".btn").on("vclick", function(){
    $(".btn").addClass("collapsed");
    $(this).removeClass("collapsed");
    return false;
});
于 2013-03-27T09:05:05.510 に答える