Jquery 和 CSS 切换菜单答案

【问题标题】：Jquery and CSS toggle menuJquery 和 CSS 切换菜单
【发布时间】：2014-04-15 19:27:42
【问题描述】：

所以我正在尝试制作一个 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");
        };
    });
});

【问题讨论】：

你有什么问题？？
它不起作用，有人可以帮帮我吗？抱歉，不清楚
@JonathanN 有什么问题？当您实际点击时会发生什么？
点击后什么也没有发生
你能提供你的 HTML 吗？

标签： jquery css menu toggle

【解决方案1】：

据我了解您提供的代码，

第一个如果检查菜单是否关闭->然后打开

第二个逻辑语句 elseif 检查菜单是否打开 -> 然后关闭它

也许它是出于设计原因，但我只是注意到：

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

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

【讨论】：

【解决方案2】：

查看 .slideToggle api

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

也可以试试 .show()/.hide()。

这会稍微简化您的代码，除非您需要更复杂的代码。

【讨论】：