如何以编程方式展开/折叠 Jarvis Widget？答案

【问题标题】：How can I expand / collapse a Jarvis Widget programmatically?如何以编程方式展开/折叠 Jarvis Widget？
【发布时间】：2018-06-17 22:05:51
【问题描述】：

我与JarvisWidgets 和JQuery 合作已经有一段时间了，我需要以编程方式打开一个默认折叠的小部件。到目前为止，我已经尝试了以下尝试，但均未成功。

第一次尝试：

$('#my-widget-id').removeClass("jarviswidget-collapsed");

第二次尝试：

$('#my-widget-id').removeAttr("data-widget-collapsed");

但是我仍然无法触发小部件扩展。

注意：第一种方法应该是正确的，正如我所见，当小部件通过单击折叠切换按钮展开时，类 jarviswidget-collapsed 被删除，而属性 data-widget-collapsed="true" 始终存在。所以该属性只是用来定义默认的widget启动状态；换句话说，如果属性 data-widget-collapsed="true" 存在，则小部件默认显示为折叠状态，如果删除该属性，则小部件默认显示为展开状态。话虽如此，我无法理解删除类 jarviswidget-collapsed 的原因，因此当小部件通过用户点击展开时，小部件不会展开。

【问题讨论】：

标签： javascript jquery widget collapse expand

【解决方案1】：

我想他们可能正在使用类似的东西：

显示小部件：

$('#wid-id-2').removeClass('jarviswidget-collapsed').children('div').slideDown('fast');

隐藏小部件：

$('#wid-id-2').addClass('jarviswidget-collapsed').children('div').slideUp('fast');

我找不到jarvis小部件的代码源，但是有一个旧版本here与上面的代码几乎相同，但没有slideUp或slideDown函数，它们只使用show()和hide()方法

希望对你有帮助

【讨论】：

YouneL 谢谢！像魅力一样工作！因此，据我了解，问题是在删除类后，我们必须使用 slideDown （或 SlideUp 折叠）“手动打开”小部件。我看到很多人都在寻找这个，这个问题根本没有记录。希望这对他们也有帮助。