Widget Navigation

<div class="widget widget-navigation">
  <h3>
		Subnavigation-Title
    </h3>
  <div class="widget-body">
    <ul class="collapsable">
      <li class="current-menu-item"><a role="button" data-toggle="collapse" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne" class="collapsed">Sub category collapsible</a>
        <ul class="collapse" id="collapseOne">
          <li><a href="#">Link Subpage</a></li>
          <li><a href="#">Link Subpage</a></li>
        </ul>
      </li>
      <li><a role="button" data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" class="collapsed">Sub category collapsible</a>
        <ul class="collapse" id="collapseTwo">
          <li><a href="#">Link Subpage</a></li>
          <li><a href="#">Link Subpage</a></li>
          <li><a href="#">Link Subpage</a></li>
          <li><a href="#">Link Subpage</a></li>
        </ul>
      </li>
      <li><a role="button" data-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree" class="collapsed">Sub category collapsible</a>
        <ul class="collapse" id="collapseThree">
          <li><a href="#">Link Subpage</a></li>
          <li><a href="#">Link Subpage</a></li>
          <li><a href="#">Link Subpage</a></li>
          <li><a href="#">Link Subpage</a></li>
        </ul>
      </li>
      <li><a role="button" href="#" class="base">Sub category default</a>
      </li>
      <li><a role="button" href="#" class="base">Sub category default</a>
      </li>
    </ul>
  </div>
</div>