jQuery MegaMenu - Un plugin pour réaliser un mega drop down menu

 jQuery MegaMenu est un plugin jQuery permettant de créer des sous-menus horizontals multi-contenus.

Ce plugin permet de créer rapidement vos sous-menus avec des effets de transitions. Il est facilement configurable et son contenu n'est pas limité à du simple texte ou listes : il peut égalemement contenir des tableaux, des formulaires ( de connexion par exemple)…

Parmi ses caractéristiques, on peut noter :

• Facilement configurable.
• Effets des transitions : slideDown/slideUp, fadeIn/fadeOut ou simple.
• Choix de l'apparition du menu au survol ou au clic.
• Alignement automatique du contenu à la largeur du menu parent
• Largeur ajustable en fonction du contenu du menu

Utilisation de jQuery MegaMenu

	<script type="text/javascript">
	  jQuery(function(){
	        jQuery(".megamenu").megamenu();
	  });
	</script>

    <ul class="megamenu">
      <li>
		 <a href="javascript:void(0)">List Content</a>
		 <div style="width: 300px;">
			 <ul id="list-content">
			 	<li>Point 1 is the first point
			   	<ul>
			       	<li>Point 1.1 goes here</li>
			        <li>Point 1.2 goes here</li>
			        <li>Point 1.3 can go here also</li>
			     </ul>
			   </li>
			   <li>Point 4 is the lone fourth point without any children</li>
			 </ul>
		 </div>
      </li>
   </ul>

Site officiel