jQuery滑動菜單錯誤

Question

我在做動畫菜單jQuery（3個關卡）。我正在使用效果slideDown和slideUp。有時（但並非總是），當我打開第一個主要項目的子菜單時，第二個主要項目的子菜單將無法工作，直到我刷新頁面。它工作正常與Efects fadeIn和fadeOut，但我想使用幻燈片。

這裏是我的代碼：http://jsfiddle.net/mcCAx/

Answer 1

的問題是你的<ul class="SubStage">元素的造型正被重寫。因此，通過在回調中重寫樣式來撲滅火災。每次都會顯示您的側邊菜單。 :)

$(document).ready(function() 
{  

    $('li.MainStage').hover(
    function() 
     { 
      $(this).find('ul.SubStage').slideDown('slow',function(){ 
       $(this).parent().find('ul.SubStage').css({overflow:"visible"}); 
      }); 
     }, 
    function() 
     { 
      $(this).find('ul.SubStage').stop().slideUp('slow'); 
     }); 

    $('li.SubStage').hover(
    function() 
     { 
      $(this).find('ul.Sub2Stage').slideDown('slow'); 
     }, 
    function() 
     { 
      $(this).find('ul.Sub2Stage').stop().slideUp('slow'); 
     });   
});​ 

Check it out here.

Answer 2

這個固定爲我Here

$(document).ready(function() 
    {  
     $('li.MainStage').hover(  function() 
      { 
       $(this).stop(); 
       $(this).find('ul.SubStage').slideDown('slow'); 
      },  function() 
      { 
       $(this).stop(); 
       $(this).find('ul.SubStage').slideUp('slow'); 
      }); 

     $('li.SubStage').hover(  function() 
      { 
       $(this).stop(); 
       $(this).find('ul.Sub2Stage').slideDown('slow'); 
      },  function() 
      { 
       $(this).stop(); 
       $(this).find('ul.Sub2Stage').slideUp('slow'); 
      });   
    });