Navigasi bertingkat

navigasi-bertingkat-markup.html

<!-- Ganti comment navigasi utama diatas dengan dengan kode berikut -->
<div class="pembungkus-navigasi" role="container">
  <ul class="navigasi-utama" aria-expanded="false">
    <li class="unit-navigasi"><a href="#url">Menu 1</a></li>
    <li class="unit-navigasi"><a href="#url">Menu 2</a></li>
    <li class="unit-navigasi"><a href="#url">Menu 3</a></li>
    <li class="unit-navigasi punya-turunan">
      <a href="#url">Menu 4</a>
      <ul class="navigasi-turunan">
        <li class="unit-navigasi"><a href="#url">SubMenu 1</a></li>
        <li class="unit-navigasi"><a href="#url">SubMenu 2</a></li>
        <li class="unit-navigasi"><a href="#url">SubMenu 3</a></li>
        <li class="unit-navigasi punya-turunan">
          <a href="#url">SubMenu 4</a>
          <ul class="navigasi-turunan">
            <li class="unit-navigasi"><a href="#url">Sub-SubMenu 1</a></li>
            <li class="unit-navigasi"><a href="#url">Sub-SubMenu 2</a></li>
            <li class="unit-navigasi"><a href="#url">Sub-SubMenu 3</a></li>
            <li class="unit-navigasi"><a href="#url">Sub-SubMenu 4</a></li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>