<!--
Demo Header
-->
<div class="row collapse expanded">
<div class="column">
<h1 class="text-center">
<span>Drilldown</span>Click
<a target="_blank"
href="https://foundation.zurb.com/sites/docs/drilldown-menu.html">
{ Docs 6.3.1 }
</a>
</h1>
</div>
</div>
<!--
DRILLDOWN MENU TEST
-->
<div class="row demo-text">
<div class="columns small-12 text-center">
<p>{ Its now posible click on parent menu items that have a sub menu }</p>
</div>
</div>
<nav>
<ul class="vertical menu" data-drilldown data-auto-height="true" data-animate-height="true"
data-close-on-click="true" data-back-button='<li class="js-drilldown-back"><a tabindex="0">Ok, bring me back!</a></li>'>
<li class="has-submenu">
<a href="https://www.google.com" target="_blank">Item 1</a>
<ul class="vertical menu">
<li><a href="#item-1A">Item 1A</a></li>
<li><a href="#Item-1B">Item 2A</a></li>
<li><a href="#Item-1C">Item 3A</a></li>
</ul>
</li>
<li><a href="#Item-2">Item 2</a></li>
<li><a href="#Item-3">Item 3</a></li>
<li><a href="#Item-4">Item 4</a></li>
<li><a href="#Item-5">Item 5</a></li>
</ul>
</nav>