How to create a menu+submenu with javascript

Wrote at November 20, 2009 da Filippo Camillo

Do you want to create an attractive and useful menu/submenu with javascript? Let's go!

This is the menu html structure:

Here is a simple Javascript code with two functions:

  • navMenu
  • hideItems

NavMenu shows you the submenu related to rel="menutrigger"
hideItems insted hide the content of submenu.

Include this in your html or your erb.html file:

This add to the eventlistener a call to navMenu function.

Take a look to the pictures

If you want the sourcecode with image and css let me know! 

no comment yet

Add a comment