based on the flat menu here:
http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/
i have a form that allows the user to select between 3 options and return the results.
<script type="text/javascript">
$(function(){
// BUTTONS
$('.fg-button').hover(
function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
);
// MENUS
$('#flat').menu({
content: $('#flat').next().html(), // grab content from this page
showSpeed: 400
});
});
</script>
<p id="menuLog">You chose: <span id="menuSelection"></span></p>
<a tabindex="0" href="#numCopies" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flat">
<span class="ui-icon ui-icon-triangle-1-s"></span>add</a>
<div id="numCopies" class="hidden"><ul>
<li><a href="#">None</a></li>
<li><a href="#">Copies</a></li>
<li><a href="#">Unlimited Copies</a></li>
</ul></div>
i'd like to extend this a bit and provide the user with the option to have an input type display where the results are returned if they selected Copies (allowing them to specify the number of copies).
can someone point me in the right direction? thanks!