Slide down box menu for Joomla!

Recently I've stumbled upon this great tutorial on how to make Slide down menu with jQuery and CSS3. I thought to myself that it would be great if we had something like that implemented in Joomla! So ... I look into it and developed a module that allows you to run this kind of a menu system under Joomla! 1.5.

UPDATE: 23. 11. 2010 - fixed issues with submenu links and menu descriptions.

License

In a package are multiple files:

• jQuery : Copyright 2008, John Resig (www.jquery.com)
• jQuery easing plugin : Copyright 2010, Cy Morris (http://gsgd.co.uk/sandbox/jquery/easing/)
• photos : Copyright, tibchris (http://www.flickr.com/photos/arcticpuppy/sets/72157622090180990/)
• idea and basic know-how : Based on tutorial, Mary Lou (http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/)
• Joomla! mod_webeks_sdb_menu : Copyright 2010, Miha Trtnik (http://www.webeks.net) - back-link to my site please :)

Demo

This site uses a slightly modified version of the menu system. You should also look at the menu demo here.

Install

Install as any other module for Joomla!.

After installation you should look at your menu item manager and identify menu item ids. You should prepare images you want in your menu to appear and name them accordingly to the menu id. If you want an image for menu with itemId 30 you should name your image 30.jpg and upload it to your image menu folder (defaults to images/menu/).

You will probably want to play around a bit with a CSS - it's located under a /modules/mod_webeks_sdb_menu/tmpl/css/.

If you have another component that uses jQuery you'll have to comment out jQuery inclusion.

Download

You can grab it here. Let me know if you like the module :) Any backlinks will be appreciated.