h2. Menus
The "menus" classes will convert an unordered list into a vertical menu. The implementor must programmatically respond to user input, including programmatically moving the {{fl-activement}} class on the currently active tab. The examples on this page are not functional in that sense.
{html}
<div class="menu-demos">
<div class="fl-container-200 fl-centered">
<ul class="fl-list-menu">
<li><a href="#_bottom">Menu item #1</a></li>
<li class="fl-activemenu"><a href="#_bottom">Active Menu item</a></li>
<li><a href="#_bottom">Menu item #3</a></li>
<li><a href="#_bottom">Menu item #4</a></li>
<li><a href="#_bottom">Menu item #5</a></li>
</ul>
</div>
</div>
{html}
The mark-up and classes used to produce this layout:
{code:html}
<div class="fl-container-200 fl-centered">
<ul class="fl-list-menu">
<li><a href="#_bottom">Menu item #1</a></li>
<li class="fl-activemenu"><a href="#_bottom">Active Menu item</a></li>
<li><a href="#_bottom">Menu item #3</a></li>
<li><a href="#_bottom">Menu item #4</a></li>
<li><a href="#_bottom">Menu item #5</a></li>
</ul>
</div>
{code |