控制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');

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