/ / ¿Pestañas verticales como en el sitio web de documentación básica con fundación zurb? - zurb-fundación

¿Pestañas verticales como en la fundación documenta el sitio web con la fundación zurb? - zurb-fundación

Cómo hacer una pestaña vertical como la que tenemos en el sitio web de zurb foundation doc: http://foundation.zurb.com/docs/javascripts.php donde tenemos pestañas y submenú al hacer clic en el elemento, por ejemplo, "javascript".

Respuestas

2 para la respuesta № 1

Aquí está el código de su página es solo una lista desordenada dentro de uno de los elementos de lista de la navegación principal

<ul class="tabs vertical hide-on-phones">
<li><a href="index.php">Getting Started</a></li>
<li><a href="compass.php">Compass</a></li>
<li><a href="rails.php">Rails</a></li>
<li><a href="sass.php">Sass</a></li>
<li><a href="quickstart.php">CSS Quickstart</a></li>
<li class="active"><a href="components.php">Components</a>
<ul>
<li><a href="components.php">Overview</a></li>
<li><a href="grid.php">The Grid</a></li>
<li><a href="media-queries.php">Media Queries</a></li>
<li><a href="typography.php">Typography</a></li>
<li><a href="buttons.php">Buttons</a></li>
<li><a href="forms.php">Forms</a></li>
<li class="active"><a href="navigation.php">Navigation</a></li>
<li><a href="tabs.php">Tabs</a></li>
<li><a href="elements.php">Elements</a></li>
</ul>
</li>
<li><a href="javascripts.php">Javascripts</a></li>
<li><a href="support.php">Support</a></li>
</ul>