下拉菜单上的JQuery幻灯片效果

Question

我创建了jquery下拉菜单，如这。我想在下拉菜单上添加幻灯片效果。同时，如果我把我的鼠标放在我的菜单选项卡上，子菜单被打开了，现在它看起来像是向上一步，与菜单选项卡相比。我需要像这那样的幻灯片。我在这里添加了我的剧本。

function mainmenu() {
    jQuery(" #na1").hover(function () {
//alert("hai-2");
        jQuery(this).find('#content1').slideDown("fast");
    }, function () {
        jQuery(this).find('#content1').slideUp("fast");
    });
}

$(document).ready(function () {
    mainmenu();
}); 

提前感谢

Answer 1

尝尝这个

$(document).ready(function () {
    jQuery("#na ul li a").hover(function () {
        jQuery(this).next('ul').slideDown(350);
    }, function () {
        jQuery(this).next('ul').slideUp(350);
    });
});

演示

Answer 2

试试这个：

function mainmenu(){
    jQuery(" #na1").hover(function(){
        jQuery(this).find('#content1').stop().slideDown("fast");
    },function(){
        jQuery(this).find('#content1').stop().slideUp("fast");
    });
}

$(document).ready(function()
{
    mainmenu();
}); 

Answer 3

尝尝这个

function mainmenu(){
jQuery(".topm").hover(function(){
//alert("hai-2");
jQuery(this).find('.content').stop().slideDown("fast")
},function(){
jQuery(this).find('.content').stop().slideUp("fast");
});
}

$(document).ready(function()
{
mainmenu();
}); 

演示：这里