Как переключить jQuery Mobile Accordion с помощью кнопки?

При создании мобильного аккордеона jQuery, как я могу получить раздел аккордеона, который открывается при нажатии кнопки?

Когда пользователь нажимает кнопку поиска, я хочу загрузить результаты в список на второй панели, свернуть первый и развернуть второй.

<div data-role="collapsible-set"><code>
 <div id="filterContainer" data-role="collapsible" data-collapsed="false">
 <h3>Filters</h3>
 <p>controls to pick options</p>
 <a href="#" data-role="button" id="search">Search</a>
 </div>
 <div id="resultsContainer" data-role="collapsible">
 <h3>Results</h3>
 <p>list of results</p>
 </div>
</code></div>
1 ответ

Живой пример:

HTML:

<div data-role="page" id="home"><code> 
 </code><div data-role="content"><code>
 <div data-role="collapsible-set">
 <div id="filterContainer" data-role="collapsible" data-collapsed="false">
 <h3>Filters</h3>
 <p>controls to pick options</p>
 <!-- Either button syntax works -->
 <!-- <a href="#" data-role="button" id="search">Search</a> -->
 
 </div>
 <div id="resultsContainer" data-role="collapsible" data-collapsed="true">
 <h3>Results</h3>
 <p>list of results</p>
 </div>
 <div>
 </div>
</div>
</code>
<p>JS:</p>
<pre class="prettyprint linenums">$('#search').click(function() {
 $('#resultsContainer').trigger('expand');
});

licensed under cc by-sa 3.0 with attribution.