最初の実行後に水平メニューが表示されない

Question

拡張メニューがアニメーション化されていないため、最初は正常に動作するため、奇妙な動作をする水平アニメーションメニューがあります。なぜですか？ ul#nav ul{display:none;}が適用されませんこれ以上...これはアニメーションに使用するjQuery関数です。

function mainMenu(){ 
$('ul#nav').find('> li').hover(function(){ 
     $(this).find('ul') 
     .stop(true, true) 
     .slideDown('slow'); 
    }); 
}; 

Answer 1

多分これは動作します：

function mainMenu(){ 
$('ul#nav').find('> li').hover(function(){ 
     $(this).find('ul') 
     .stop(true, true) 
     .slideDown('slow'); 
    }, function(){ $(this).find('ul').hide(); }); 
}; 

問題は、それがうまく働いているので、あなたの<ul>を隠されたのは初めてということです。 slideDown（）の後に<ul>が表示されますが、マウスを動かすと、ディスプレイではなく左の属性が変更されます。基本的に<ul>は既に表示されているため、slideDownは機能しません。