jqueryドロップダウンの問題

Question

ナビゲーションペインにドロップダウンの問題があります。ここで

は私のjavascriptです：

$(document).ready(function() { 
$('#column .subnav li').hover(
    function() { 
    //show its submenu 
    $('ul', this).slideDown(); 
    }, 
    function() { 
    //hide its submenu 
    $('ul', this).slideUp();   
    } 
); 
}); 

マイナビマークアップ：

<ul> 
<li><a href=#" style="font-weight:bold;">Administrator Record</a> 
    <ul> 
     <li><a href="#">Change Password</a></li> 
     <li><a href="#">Add Administrator</a></li> 
     <li><a href="#">Edit Administrator</a></li> 
     <li><a href="#">Delete Administrator</a></li> 
    </ul> 
</li> 
<li><a href=#" style="font-weight:bold;">Student Record</a> 
    <ul> 
     <li><a href="#">Add Student</a></li> 
     <li><a href="#">Edit Student</a></li> 
     <li><a href="#">Delete Student</a></li> 
    </ul> 
</li> 
</ul> 

これは正常に動作しますが、私は、「管理者の記録」にカーソルを移動するたびに、時々ドロップダウンが異常に上下にスライドします。ホバリングしてからホバリングすると、これが修正されます。なにか提案を？

Answer 1

は、あなたのIDを持つのULのliなどを交換するために覚えて、これを試してみてください：

$(document).ready(function() { 
    $('ul li, ul li ul').hover(
     function() { 
     //show its submenu 
     $('ul', this).slideDown(); 
     }, 
     function() { 
     //hide its submenu 
     $('ul', this).slideUp();   
     } 
    ); 
}); 

私はあなたがこの上にカーソルを移動するときので、それはまだメニューを表示または非表示になり、別のセレクタとしてUL李ULを追加しました。

また、マークアップでエラーが発生したことを確認し、リンクと引用符を確認してください。