Nested sample - Matthieu Sarter

Code :

&lt;div class="exp-col-content-holder"&gt;&lt;a class="expand-cnt-link" href="#"&gt;Parent&lt;/a&gt;
&lt;div class="hidden-content"&gt;
&lt;div class="exp-col-content-holder"&gt;&lt;a class="expand-cnt-link" href="#"&gt;Child 1&lt;/a&gt;
&lt;div class="hidden-content"&gt;
&lt;div class="exp-col-content-holder"&gt;&lt;a class="expand-cnt-link" href="#"&gt;Child of child 1&lt;/a&gt;
&lt;div class="hidden-content"&gt;Child of child 1 content&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="exp-col-content-holder"&gt;&lt;a class="expand-cnt-link" href="#"&gt;Child 2&lt;/a&gt;
&lt;div class="hidden-content"&gt;
&lt;div class="exp-col-content-holder"&gt;&lt;a class="expand-cnt-link" href="#"&gt;Child 1 of child 2&lt;/a&gt;
&lt;div class="hidden-content"&gt;Child 1 of child 2 content&lt;/div&gt;
&lt;/div&gt;
&lt;div class="exp-col-content-holder"&gt;&lt;a class="expand-cnt-link" href="#"&gt;Child 2 of child 2&lt;/a&gt;
&lt;div class="hidden-content"&gt;Child 2 of child 2 content&lt;/div&gt;
&lt;/div&gt;
&lt;div class="exp-col-content-holder"&gt;&lt;a class="expand-cnt-link" href="#"&gt;Child 3 of child 2&lt;/a&gt;
&lt;div class="hidden-content"&gt;Child 3 of child 2 content&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="exp-col-content-holder"&gt;&lt;a class="expand-cnt-link" href="#"&gt;Child 3&lt;/a&gt;
&lt;div class="hidden-content"&gt;Child 3 content&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">Parent</a>

<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">Child 1</a>

<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">Child of child 1</a>

<div class="hidden-content">Child of child 1 content</div>

</div>

<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">Child 2</a>

<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">Child 1 of child 2</a>

<div class="hidden-content">Child 1 of child 2 content</div>

</div>

<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">Child 2 of child 2</a>

<div class="hidden-content">Child 2 of child 2 content</div>

</div>

<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">Child 3 of child 2</a>

<div class="hidden-content">Child 3 of child 2 content</div>

</div>

<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">Child 3</a>

<div class="hidden-content">Child 3 content</div>

</div>

Result :

Parent

Child 1

Child of child 1

Child of child 1 content

Child 2

Child 1 of child 2

Child 1 of child 2 content

Child 2 of child 2

Child 2 of child 2 content

Child 3 of child 2

Child 3 of child 2 content

Child 3

Child 3 content

Source code :

Consultant freelance en informatique