jquery menu click
===

at the moment it shows the divs instead of hiding them and on click it hides just so you can see the movemnt, should be .show instead of .hide..... it should on clicking the a href the li should slide down and onmouseleave slide back up.

working example http://jsfiddle.net/DTqDD/2/

jquery

    $(function() {
         var toggleMenu = function(e) {
             var self = $(this),
                 elemType = self[0].tagName.toLowerCase(),
                 //get caller
                 menu = null;
             if (elemType === 'a') {
                 //anchor clicked, nav back to containing ul
                 menu = self.parents('ul').not('ul#mainmenu');
             } else if (elemType === 'ul') {
                 //mouseleft ul, ergo menu is this.
                 menu = self;
             }
             if (menu) {
                 menu.hide('medium');
             }
             e.preventDefault();
             return false;
         };
       
        $(document).ready(function() {
             $('a.drop').click(function(e) {
                 $('li#mainmenudrop').hide('medium');
                 console.log('div clicked');
                 e.preventDefault();
                 return false;
             });
             $('li#mainmenudrop a').click(toggleMenu);
             $('li#mainmenudrop').mouseleave(toggleMenu);
         });
     });