javascript - 用于添加和删除类的 Jquery 打开/关闭变量

Question

正如您所看到的，我想要执行 if/else 语句来添加和删除类。但是下面的 if/else 语句对我来说并没有真正起作用，它添加了类，但当我第二次单击时，它不会再次删除它们。

    function showAndHidediv(id, liName) {
        $("#" + id).toggle(function () {
            $("#" + id).animate({
               display: 'block'
            }, 500);

            var open = "closed";

            if (open == "open") {
                $("#" + liName + " a").removeClass('color');
                $("#" + liName + " a div").removeClass('block');
                $("#" + liName + " img").removeClass('block');
                open = "closed";
            } else {
                $("#" + liName + " a").addClass('color');
                $("#" + liName + " a div").addClass('block');
                $("#" + liName + " img").addClass('block');
                open = "open";
            }
        });
    }

Answer 1

您可以使用切换类来解决您的问题。

在上面的代码片段中，您已经获取了本地 JS 变量。即 var open = "close";

所以每次它的门禁都会重置。

尝试全局声明“open”变量，然后检查。它会起作用的。