jQM - Dynamically generated collapsible

by Dragan Gaić

HTML

<div data-role="content">

</div>

JavaScript

$('[data-role="content"]').append('<div id="collapsible-set" data-role="collapsible-set"></div>');
$("#collapsible-set").append('<div id="collapsible" data-role="collapsible"></div>');
$("#collapsible").append('<h3>First element</h3>');
$("#collapsible").append('<p>Im the collapsible set content for section 1.</p>');
$("#collapsible").append('<p>Im the collapsible set content for section 1.</p>');

$('[data-role="content"]').append('<div data-role="collapsible" data-theme="b" data-content-theme="c" id="collapsible2"></div>');
$("#collapsible2").append('<h2>Choose a car model...</h2>');
$("#collapsible2").append('<ul data-role="listview" id="test-listview"></ul>');
$("#test-listview").append('<li><a href="index.html">Acura</a></li>');
$("#test-listview").append('<li><a href="index.html">Audi</a></li>');
$("#test-listview").append('<li><a href="index.html">BMW</a></li>');

$('[data-role="content"]').trigger('create');