creating dynamic listview inside dynamic collapsible set jqm

http://stackoverflow.com/questions/16332069/creating-dynamic-listview-inside-dynamic-collapsible-set-jqm/16334156#16334156

by foalea

HTML

<div data-role="page"> 
	<div data-role="header">header</div> 
    <div data-role="content"><a href=""> add dynamic list</a></div> 
	<div data-role="footer">footer</div> 
</div>

JavaScript

$('a').click(function(e){
    e.preventDefault();
    
    var rowdata = "yourData";
   var div = '<div data-role="collapsible" data-inset="false" data-iconpos="right"><h3>aa</h3></div>';
  var list =  '<ul data-role="listview" data-theme="b" id="list" />';
    
  var li = '<li><a href="#">data: '+rowdata+'</a></li>';
 list = $(list).append(li);
 
 li = '<li><a href="#">data: '+rowdata+'</a></li>';
 list = $(list).append(li);
       
$(list).appendTo(div).parent().appendTo('[data-role="content"]').end().trigger("create");
$('div[data-role=collapsible]').collapsible({theme:'c',refresh:true});
$('[data-role="listview"]').refresh();
});