javascript - jQuery expand all and collapse all with inspinia -


i'm using inspinia theme.

an example page

if click fa-chevron icon in upper right of each ibox, collapses ibox.

i want collapse iboxes collapse button. , expand them expand button.

the buttons like:

<button type="button" data-action="expand-all" class="btn btn-white btn-sm">expand all</button> <button type="button" data-action="collapse-all" class="btn btn-white btn-sm">collapse all</button> 

i want clicking "collapse all", to, in-effect, click of minimize panel buttons.

how?

i'm not sure version using, angularjs implementation in directives.js can see function iboxtools handles this. if want use jquery manually it's simple as:

//slide (or down) ibox content $('div.ibox-content').slideup();  //change chevron $('.ibox-tools a.collapse-link i').toggleclass('fa-chevron-up').toggleclass('fa-chevron-down'); 

Comments

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

css - Make div keyboard-scrollable in jQuery Mobile? -

ruby on rails - Seeing duplicate requests handled with Unicorn -