Check out this demo I created recently. https://github.com/mvolkmann/toggle-nav
On Tue, Jun 30, 2015 at 8:29 AM, nideesh manian <[email protected]> wrote: > I have an always visible sidepanel in my site (angular + bootstrap) > I wanted the sidepanel to hide itself when viewing on mobile version and > sidepanel should come up when clicking a button, > I added the collapse class to the panel, and a button on top with > data-target to point the sidepanel. > The sidepanel displays permanently in browser view and hides in mobile > view. I can toggle the sidepanel in mobile views > My sidepanel contains link. I wanted the sidepanel to disappear when any > link inside sidepanel is clicked. How can we do that? > > My current code is something like below > <div class="col-lg-10 col-sm-10 col-md-10 col-xs-12"> > <div class="row"> > <div class="col-lg-12 col-sm-12 col-md-12 col-xs-9 " > > <div class="heading" > > Payments<button style="float:right; margin-top:0; > padding-top:0" type="button" class="navbar-toggle" data-toggle="collapse" > data-target="#page-sidebar"> > <span class="glyphicon glyphicon-th-list"></span> > </button> > </div> > > </div> > </div> > </div> > > <div id="page-sidebar" class="collapse navbar-collapse .col-lg-2 > col-sm-2 col-md-2 col-xs-3 page-sidebar"> > <ul class="sidebar"> > <li><a>asd</a></li> > <li><a>asd</a></li> > <li><a>asd</a></li> > <li><a>asd</a></li> > <li><a>asd</a></li> > </ul> > </div> > > -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > -- R. Mark Volkmann Object Computing, Inc. -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
