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李等：

$(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中的另一個選擇，所以當你將鼠標懸停在此它仍然顯示或隱藏菜單。

此外，我注意到您的標記錯誤，檢查鏈接和報價，