jQuery使用inspinia展开和折叠所有内容

Question

我使用的是Inspinia主题。

An example page

如果单击每个ibox右上角的fa-chevron图标，将折叠ibox。

我想用一个“全部折叠”按钮折叠所有的iboxes。然后使用expand all按钮将它们全部展开。

这些按钮如下所示：

<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"，在效果上，点击所有的最小化面板按钮。

多么?

Answer 1

我不确定您使用的是哪个版本，但是对于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');