javascript - 菜单只有 "clickable"一次

Question

我有一个不透明度为 0 的菜单 div，可见性最初是隐藏的。我基本上希望这个 div 在单击另一个 div 时可用(它是一个粘贴在我页面顶部的菜单，可通过单击发现/隐藏)。

效果很好....一次性...

我可以单击“#menuIcon”，我的菜单可用。我可以点击，它是隐藏的。然后我的菜单将永远隐藏并且不会再次可用。帮我解决这个问题？？

jQuery code
/* Discovers menu on clicks */
$('#menuIcon').click(function () {
    if ($('#menu ul').css('visibility') == 'hidden') {
        $('#menu ul').css('visibility', 'visible');
        $('#menu ul').animate({
            opacity: 1
        }, 500);
    } else {
        $('#menu ul').animate({
            opacity: 0
        }, 500,
        function () {
            $('#menu ul').css('visibility', 'hidden');
        });
    }
});

Answer 1

在您的animate 脚本中，您忘记关闭正确位置的括号，这应该可以解决:

$('#menuIcon').click(function () {
    if ($('#menu ul').css('visibility') == 'hidden') {
        $('#menu ul').css('visibility', 'visible');
        $('#menu ul').animate({
            opacity: 1
        }, 500);
    } else {
        $('#menu ul').animate({
            opacity: 0
        }, 500,
        function () {
            $('#menu ul').css('visibility', 'hidden');
        });
}
});

另外，请注意 JSFiddle是你的 friend 。用它来帮助整理脚本并检查脚本中的错误