我正在使用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');

09-25 17:20