Skip to content

Instantly share code, notes, and snippets.

@shodanuk
Created February 27, 2011 20:35
Show Gist options
  • Save shodanuk/846512 to your computer and use it in GitHub Desktop.
Save shodanuk/846512 to your computer and use it in GitHub Desktop.
<div id='sh-ui-accordion-demo'>
<ul class="root">
<li>
<div class='hd'>
<h3>Item 1</h3>
</div>
<ul class='sub'>
<li>
<div class='inner'>Item 1 child 1</div>
</li>
<li>
<div class='inner'>Item 1 child 2</div>
</li>
<li>
<div class='inner'>Item 1 child 3</div>
</li>
<li>
<div class='inner'>Item 1 child 4</div>
</li>
<li>
<div class='inner'>Item 1 child 5</div>
</li>
<li>
<div class='inner'>Item 1 child 6</div>
</li>
<li>
<div class='inner'>Item 1 child 7</div>
</li>
</ul>
</li>
<li>
<div class='hd'>
<h3>Item 2</h3>
</div>
<ul class='sub'>
<li>
<div class='inner'>Item 2 child 1</div>
</li>
<li>
<div class='inner'>Item 2 child 2</div>
</li>
<li>
<div class='inner'>Item 2 child 3</div>
</li>
<li>
<div class='inner'>Item 2 child 4</div>
</li>
</ul>
</li>
<li>
<div class='hd'>
<h3>Item 3</h3>
</div>
<ul class='sub'>
<li>
<div class='inner'>Item 3 child 1</div>
</li>
<li>
<div class='inner'>Item 3 child 2</div>
</li>
<li>
<div class='inner'>Item 3 child 3</div>
</li>
<li>
<div class='inner'>Item 3 child 4</div>
</li>
<li>
<div class='inner'>Item 3 child 5</div>
</li>
<li>
<div class='inner'>Item 3 child 6</div>
</li>
<li>
<div class='inner'>Item 3 child 7</div>
</li>
<li>
<div class='inner'>Item 3 child 8</div>
</li>
</ul>
</li>
<li>
<div class='hd'>
<h3>Item 4</h3>
</div>
<ul class='sub'>
<li>
<div class='inner'>Item 4 child 1</div>
</li>
<li>
<div class='inner'>Item 4 child 2</div>
</li>
<li>
<div class='inner'>Item 4 child 3</div>
</li>
<li>
<div class='inner'>Item 4 child 4</div>
</li>
</ul>
</li>
<li>
<div class='hd'>
<h3>Item 5</h3>
</div>
<ul class='sub'>
<li>
<div class='inner'>Item 5 child 1</div>
</li>
<li>
<div class='inner'>Item 5 child 2</div>
</li>
<li>
<div class='inner'>Item 5 child 3</div>
</li>
<li>
<div class='inner'>Item 5 child 4</div>
</li>
<li>
<div class='inner'>Item 5 child 5</div>
</li>
<li>
<div class='inner'>Item 5 child 6</div>
</li>
<li>
<div class='inner'>Item 5 child 7</div>
</li>
</ul>
</li>
<li>
<div class='hd'>
<h3>Item 6</h3>
</div>
<ul class='sub'>
<li>
<div class='inner'>Item 6 child 1</div>
</li>
<li>
<div class='inner'>Item 6 child 2</div>
</li>
<li>
<div class='inner'>Item 6 child 3</div>
</li>
</ul>
</li>
</ul>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment