Menu Dividers

Changing the content of the menu item let's the jQuery Ui menu widget know to render a divider, instead of a link.

by Adam Boduch

HTML

<ul id="menu">
    <li><a href="#">Save...</a></li>
    <li><a href="#">Save As...</a></li>
    <li>---</li><!-- This is interpreted as a divider. -->
    <li><a href="#">Print....</a></li>
    <li><a href="#">Print Preview...</a></li>
</ul>

CSS

body {
    font-size: 0.8em;
}

.ui-menu {
    width: 150px;
}

JavaScript

$("#menu").menu();