Question

这是我在CodePen上的笔的链接，我正在制作此菜单 - http://codepen.io/PartTimeCoder/pen/YqYmgv

在我的jQuery代码中，我有以下内容：

$(".menu").click(function() {
    $(this).addClass("fullscreen");
    $("p").show();
});

if ($('.menu').hasClass("fullscreen")) {
    $(".toggle").click(function() {
        $(".menu").removeClass("fullscreen");
    });
} else {
    $(".toggle").click(function() {
        $(this).toggleClass("active");
        $(".menu").toggleClass("active");
        $("p").hide();
    });
}

当菜单具有全屏类时，我只想从当前部分删除全屏类，但不完全关闭菜单。我不知道如何做到这一点，在与jC和javascript版本的hasClass挣扎之后，我仍然无法让它发挥作用。所有帮助表示赞赏！提前谢谢！

Answer 1

只需将if else转换为点击功能，如下所示：

$(".menu").click(function() {
    $(this).addClass("fullscreen");
    $("p").show();
});


$(".toggle").click(function() {
    if ($('.menu').hasClass("fullscreen")) {
        $(".menu").removeClass("fullscreen");
    } else {
        $(this).toggleClass("active");
        $(".menu").toggleClass("active");
        $("p").hide();
    }
});

http://codepen.io/anon/pen/JXpjXq

我的菜单没有切换＆＃34;全屏＆＃34;正确使用jQuery类

1 个答案: