jquery - 親のホバー機能、ナビゲーションメニューjquery

Question

私はこのサイトhttp://demo.megathe.me/skylab/のようなナビゲーションメニューを作成していますが、このhttp://jsfiddle.net/jxU95/に到達した後、完全に失われました。何か助けはありますか？これは私のjsコードです

   $('#main-menu li.expanded > a').hover(function(){
                $(this).next().show('slow');
        },
        function(){
             //    $(this).next().hide();
        }
    );

Answer 1

このようなものでそれを行うことができます、

ライブデモ

$('#main-menu li.expanded').hover(function () {
   // $('#main-menu ul ul').hide();
   $(this).find('.menu').show('slow');
}, function () {
   $(this).find('.menu').hide();
});

Answer 2

このコードを js http://jsfiddle.net/jxU95/1/で試してください。

   $('#main-menu li.expanded').hover(function(){
                $(this).find('ul').stop(true,true).show('slow');
        },
        function(){
              $(this).find('ul').stop(true,true).delay(300).hide('slow');
        }
    );