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 () {
    $("#na ul li").hover(function () {
         $(this).siblings().find('ul').slideUp(400);
         $(this).find('ul').slideDown(400);        
    }, function () {
       $(this).find('ul').slideUp(400);
    });
});

演示：

http://jsfiddle.net/QkbDg/1/