Plugins imprescindibles para Jquery – jQuery Menu

En esta ocasión os traigo dentro de la serie Plugins imprescindibles para Jquery el plugin JQuery Menu.

Ejemplo de uso de JQuery Menu

El plugin JQuery Menu es una extensión a los controles de usuario que ofrece Jquery UI del cual os hablare en el siguiente artículo. Como extensión usa los mismos themes que Jquery UI y de esta forma adaptarse e integrarse al resto de controles.

A continuación la implementación de un código de ejemplo de Jquery UI de un sencillo menú.

Ejemplo de implementación de JQuery Menu

Inicialización del plugin

$('#flat').menu({
			content: $('#flat').next().html(), // grab content from this page
			showSpeed: 400
		});

Enlace y lista utlizada por el plugin

<a tabindex="0" href="#search-engines" 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>flat menu</a>
<div id="search-engines" class="hidden">
<ul>
	<li><a href="#">Apples</a></li>
	<li><a href="#">Oranges</a></li>
	<li><a href="#">Bananas</a></li>
	<li><a href="#">Cheetos</a></li>
</ul>
</div>

Resultado obtenido

Resultado obtenido del código implementado