控制Jquery Mobile中的折叠状态

Question

有没有办法从javascript控制页面的可折叠部分的状态，如下例所示？

<div data-role="collapsible" data-collapsed="true">
<h3>Title</h3>
I'm some hidden content
</div>

<input type="button" value="click me to open the above section" onclick="....">

Answer 1

我找到了：

$('myCollapsible').trigger('collapse').trigger('updatelayout');

或

$('myCollapsible').trigger('expand').trigger('updatelayout');

是控制可折叠元素的最佳方式

Answer 2

<强>过时

---

你的可折叠内的

ui-collapsible-content有aria-hidden属性 - 用它来检查状态。

$('yourthing a:first').click()

切换状态。

这不是很好，但我还没有看到一个很好的实现。