2012-03-14 18 views
1

我有一個水平菜單,我在這個菜單上應用了一個jQuery功能,當菜單展開時應該會產生一個緩慢的效果。問題在於jQuery函數完全相反,並且效果僅適用於背景顏色。這是功能:jQuery水平菜單動畫行爲奇怪

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

謝謝。

回答

1

也許你想添加其他功能隱藏列表。

function(){ $(this).find('ul').hide(); 
2

它的作品「相反」,因爲它是一個切換,它開始顯示,所以第一次你將它懸停時,它實際上將被隱藏。注意它在第一次後正常工作。嘗試slideDown而不是slideToggle

您可能還需要內部ul S設定爲隱藏第一,像ul#nav ul{display:none;}

+0

謝謝你的回答,但仍然無法正常工作,如果我從slide toogle修改爲slideDown菜單正常擴展,但沒有動畫。如果我在CSS中設置:none;沒有擴大:(。 – mcmwhfy 2012-03-14 09:44:32

+0

適用於我,當我將它應用於您的實例時,很難說沒有看到您的新代碼,並且最好是它的實時版本有什麼不對勁 – Supr 2012-03-14 09:50:44

+0

我修改了現場示例與您的消解,請檢查。 – mcmwhfy 2012-03-14 10:02:02