Sample menu

a sex-ification of the jquery ui menu

by Nathan Woods

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css">
<ul id="asdf">
    <li><a href="#1">Option 1</a></li>
    <li><a href="#2">Option 2</a></li>
    <li><a href="#3">Option 3</a></li>
    <li><a href="#4">Option 4</a></li>
</ul>

CSS

.ui-widget {font-size:62.5%}
#asdf {width:200px; margin:20px auto}

JavaScript

// backtrack : http://jsfiddle.net/Bw5AK/4/

$('#asdf').menu().find('a').click(function() {
    alert($(this).attr('href').substr(1));
}).addClass('ui-state-default').css('padding', '3px 10px').not(':last').css('margin-bottom', '.3em');