Mobile JQueryを使用してサイトを作成し、以下のコードを使用しています。ただし、折りたたみ可能なすべてのメニューを開くことができる場合は、別のメニューを開いたときに前のメニューが閉じるようにします。これが私がこれまでに持っているコードです
<div data-role="collapsible" data-collapsed="true">
<h3>My Data</h3>
<ul data-role="listview" data-inset="true">
<li><a href="#aberdeen" data-transition="pop">Liverpool</a></li>
<li><a href="#aberdeen" data-transition="pop">Manchester</a></li>
<li><a href="#aberdeen" data-transition="pop">Sheffield</a></li>
</ul>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>More Data</h3>
<ul data-role="listview" data-inset="true">
<li><a href="#aberdeen" data-transition="pop">York</a></li>
<li><a href="#aberdeen" data-transition="pop">London</a></li>
<li><a href="#aberdeen" data-transition="pop">Newcastle</a></li>
</ul>
</div>