JQuery Mobile: как сменить данные с помощью кнопки

Question

Я пытаюсь сменить данные, сбрасываемые с помощью div (с data-role = "collapsible") с помощью кнопки. Мой ДИВ, что я пытался изменить его данных разрушилась является:

<div id="page01" class="pages" data-role="collapsible" data-collapsed="true"> 

и кнопка, я хочу, чтобы изменить Div в данных разрушилась с использованием OnClick является:

<button onclick="$('#page01').collapsible({ collapsed: false });">Collapse/ Expand</button> 

Я также попытался изменить мой код, но я не могу:

<button onclick="$('#page01').attrChange('data-collapsed','false')">Collapse/ Expand</button> 

Или:

<button onclick="$('#page01').data('collapsed','false')">Collapse/ Expand</button> 

Или:

<a><button ...>Collapse/ Expand</button></a> 

Пожалуйста, помогите мне!

Примечание: я включаю это на:

<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"> 
<script src="js/jquery-1.11.2.min.js"></script> 
<script src="js/jquery.mobile-1.4.5.min.js"></script> 

Answer 1

правильные звонки:

$('#page01').collapsible('expand'); 

$('#page01').collapsible('collapse'); 

Обновлено FIDDLE

См API Docs здесь: http://api.jquerymobile.com/collapsible/#method-collapse

Answer 2

Вы должны установить право ID. Ваш div имеет id="page03", но ваш JS звонит page01. Оба места должны иметь одинаковый идентификатор.