Pliable sensible sidebar menu avec jQuery et Bootstrap 3

J'ai deux question pour.

  1. lorsque l'élément cliqué, montrer et cacher tous les autres éléments
  2. pliable sensible barre latérale, comme navbar

Abord mon jsFiddle Démo: http://jsfiddle.net/JpJqD/1/

Je suis en train de faire pliable menu latéral.

Comme vous pouvez le voir dans la démo; lorsque je clique sur articles, devrait être effondrement(masquer) les autres. Alors si cliquez pour users, articles et d'autres éléments qui ont sous-niveau doit être effondrement(cacher). Donc, il faut toujours un menu ouvert.

J'ai essayé avec collapse de Bootstrap document, mais je ne pourrais pas avec les codes suivants:

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

Je peux le faire avec accordion mais je ne veux elle cause de la nécessaire panel de classe pour tous les éléments.

BTW, je tiens à rendre sensible barre latérale, comme navbar menus pour mobiles et tablettes? J'ai utilisé comme dans le Bootstrap document, mais n'a pas fonctionné.

<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>

OriginalL'auteur Bora | 2013-09-06