jquery-mobile - 在 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()

切换状态。

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