jquery - 使用 Mobile JQuery 打开另一个数据角色时如何折叠数据角色？

Question

我使用 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>