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

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

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

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

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

HTML:

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

licensed under cc by-sa 3.0 with attribution.