This is my static code
<div> <div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse_ONE">
</a>
</h4>
</div>
<div id="collapse_ONE" class="panel-collapse collapse">
<div class="panel-body">
<div class="panel-group" id="nested" style="margin-bottom:0px;">
<div id="panel_default" class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a id="1_LHS" class="collapsed" data-toggle="collapse" data-parent="#nested" href="#nested_collapseOne">
EX-1
</a>
</h4>
</div>
<div id="nested_collapseOne" class="panel-collapse collapse">
<div class="panel-body">
<table id="task_grade_maneuvers1_LHS" class="table table-bordered">
<thead>
<tr>
<th style="width:69%">Example</th>
</tr>
</thead>
<tbody>
...................
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Now,How to create dynamically?