jquery-mobile - JqueryMobileで折りたたまれた状態を制御する

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()

状態を切り替えます。

これはあまり良いことではありませんが、私はまだ素晴らしい実装を見ていません。