Question

我开发了一个响应式菜单，一旦调整大小，就会折叠到一个带有菜单的方框。包括一个JS i doen，一旦用户点击它就会失效。我想在用户点击菜单时进行更平滑的过渡。任何人都可以建议我修改：

JS：

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

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

Answer 1

最常用，最受喜爱的独特和唯一。 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

点击响应式菜单后，更平滑的效果转换

1 个答案: