Pliable sensible sidebar menu avec jQuery et Bootstrap 3
J'ai deux question pour.
- lorsque l'élément cliqué, montrer et cacher tous les autres éléments
- 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
Vous devez vous connecter pour publier un commentaire.
C'est ce que j'ai fait , j'espère qu'elle correspond à votre besoin :
Et c'est le correspondant js :
OriginalL'auteur Tourki
Si vous êtes à la recherche pour l'auto pliable barre latérale avec l'animation, c'est le meilleur selon moi
Code
https://github.com/IronSummitMedia/startbootstrap-simple-sidebar
Démo
http://ironsummitmedia.github.io/startbootstrap-simple-sidebar
OriginalL'auteur Abhishek Goel