Question

因此我每次点击此图标时都会尝试创建一个从左侧切换的jQuery菜单。这是我的代码：

$(document).ready(function () {
    $("a").click(function () {
        if ($("#menu").css('left') == 0) {
            $("#menu").animate({
                left: "-190"
            }, "slow");
        } else if ($("#menu").css('left') < 0) {
            $("#menu").animate({
                left: "0"
            }, "slow");
        };
    });
});

Answer 1

我从您提供的代码中了解到，

如果检查菜单已关闭，则

第1次 - ＆gt;然后打开

和第2个逻辑语句elseif check是菜单打开 - ＆gt;然后关闭它

出于设计原因，也许它是这样做的，但我只是注意到了：

left: "-190"更改为left: "+190"

$("#menu").css('left') < 0致$("#menu").css('left') > 0

Answer 2

查看.slideToggle api

http://api.jquery.com/slideToggle/

也可以尝试.show（）/。hide（）。

这会简化你的代码，除非你需要它更复杂。

Jquery和CSS切换菜单

2 个答案: