我正在使用Inspinia主题。
An example page
如果单击每个ibox右上方的fa-chevron
图标,它将折叠ibox。
我想使用折叠全部按钮折叠所有ibox。然后使用全部展开按钮将其全部展开。
这些按钮如下所示:
<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>
我想单击
"Collapse All"
,以有效地单击所有最小化面板按钮。怎么样?
最佳答案
我不确定您使用的是哪个版本,但是对于directives.js
中的AngularJS实现,您可以看到处理此问题的函数iboxTools
。如果您只想使用jQuery手动进行操作,则非常简单:
//slide up (or down) all ibox content
$('div.ibox-content').slideUp();
//change the chevron
$('.ibox-tools a.collapse-link i').toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');