jquery - 单击响应式菜单后，效果过渡更加平滑

我已经开发了一个响应式菜单，一旦调整了大小，它就会折叠成一个带有菜单的框。包括一块JS，一旦用户单击它，它就会掉下来。当用户单击菜单时，我想要一个更平滑的过渡。谁能建议我修改：

JS：

$(document).ready(function(){
    $("#down").click(function(){
        if($(this).hasClass("open")){
            $(this).removeClass("open");
        }else{
            $(this).addClass("open");
        }
    });
});

这是一个小提琴：http://jsfiddle.net/g7zQw/

最佳答案

最常用，最喜欢的唯一。
jQuery淡入淡出效果。

以下是您的JS的外观：

    $(document).ready(function(){
        $("#down").click(function(){
            if($(this).hasClass("open")){
                $(this).removeClass("open");
                $("#cssmenu").fadeOut("slow");
    }else{
                $("#cssmenu").fadeIn("slow");
                $(this).addClass("open");
            }
        });

});

让我知道这是否是您想要的。
查找更多有关：http://www.w3schools.com/jquery/jquery_ref_effects.asp

关于jquery - 单击响应式菜单后，效果过渡更加平滑，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23843625/