stunicholls.com

.. exploring the possibilities

jQuery horizontal tabs with slide down sub menus

8th November 2009

Copyright © stunicholls.com

Information

Continuing the horizontal menu with a slide dropdown series, this one has a true slide down of the sub menu.

Instead of having the sub menu scroll down as in the previous examples, this one actually slides down from the top level item.

Hover over any of the down arrows to slide down that sub menu. Hover the same arrow to close it again or hover any other top level arrow.

If you move the mouse off the top level menu or the slide down menu for a couple of seconds any open sub menu will automatically close.

The single image used can be found here : background image.

Tested in IE6, IE7, IE8, Firefox, Opera, Safari (PC) and Google Chrome.