Shodan.UI.Accordion.html

<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>