accordion, dynamic accordion

small fiddle creating dynamic accordion based on rest data

by Kamal Rawat

HTML

<div data-role="content" id="Div1">
            <div id="accordion" data-role="collapsible-set"/>
</div>

JavaScript

$('document').ready(function(){


var jsondata = {"blocks":[{"heading":"Section 1","content":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore sed aliquam vitae fugit odit voluptate eligendi, blanditiis quasi nobis reiciendis! Rem maiores reprehenderit animi aliquam inventore vel adipisci delectus itaque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore sed aliquam vitae fugit odit voluptate eligendi, blanditiis quasi nobis reiciendis!"},{"heading":"Section 2","content":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore sed aliquam vitae fugit odit voluptate eligendi, blanditiis quasi nobis reiciendis! Rem maiores reprehenderit animi aliquam inventore vel adipisci delectus itaque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore sed aliquam vitae fugit odit voluptate eligendi, blanditiis quasi nobis reiciendis! Rem maiores reprehenderit animi aliquam inventore vel adipisci delectus itaque!"},{"heading":"Section 3","content":"Lorem ipsum dolor sit amet, consectetur adipisicing elit."}]};
    console.log(jsondata.blocks);
    
    jsondata.blocks.map(function(val){
      $('#accordion').append('<h3>' + val.heading + '</h3><div><p>' + val.content + '</p></div>');

    });
    
    $( "#accordion" ).accordion();

 
});