使用jquery動畫ASP菜單

Question

Home Folio  About 
     - menu1  shop 
     - menu2  More - a 
         - b 

asp導航菜單看起來像這樣，我想在Folio，About和更多的時候對子菜單應用slideDown效果。

試過以下，但在上空盤旋開本或關於

$(".has-popup a").hover(function(){ 
$("ul.dynamic").slideDown("slow"); 
}); 

菜單控制添加自己的CSS類使它變得更加困難幻燈片所有3個子菜單。

<div class="menu"> 
    <ul class="level1 static"> 
    <li class="static"> 
     <a class="level1 selected static">Home</a> 
    </li> 
    <li class="has-popup static"> 
     <a class="static">Folio</a> 
     <ul class="level2 dynamic"> 
     <li class="dynamic"> <a class="level2 dynamic">menu1</a></li> 

任何意見，如何繼續？ （很難打字，沒有粘貼的選項）。

Answer 1

行：

$("ul.dynamic").slideDown("slow"); 

是靶向所有ul s的類dynamic。你只需要爲目標的ul這是懸停的菜單a內：

$(".has-popup").hover(function() { 
    $(this).find("ul.dynamic").first().stop().slideDown("fast"); 
}, function() { 
    $(this).find("ul.dynamic").first().stop().slideUp("fast"); 
}); 

更新：

閱讀您的意見後，我創建了一個快速和骯髒的小提琴來幫助你。並相應地糾正了上述代碼。

見琴：http://jsfiddle.net/w798Z/

希望這有助於。