Hi,

I made a dropdown menu using html and css and it is working, then I tried to apply some nice effects to my menu and the animation works but only first time when I hover a menu item. Please could you give me any advice. Thanks.
my website

Code:
var menu = function() {
            this.menuLi = $('.menu ul li').children('ul').hide().end();
            this.init();
        };

        menu.prototype = {
            
            init : function() {
                this.setMenu();
            },

            setMenu : function() {
                this.menuLi.hover(function() {
                    //mouseover
                    $(this).find('> ul').stop(true, true).slideDown(250);
                }, function() {
                    //mouseout
                    $(this).find('> ul').stop(true, true).fadeOut(200);
                });
            }
        }

        new menu();