How to create accordion by dynamically in javascript or jquery

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?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.