Javascript 我的菜单不是'；t切换"；全屏；使用jQuery正确地初始化

这是我在CodePen上制作此菜单的笔的链接-

在我的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();
    });
}

---

当菜单有全屏类时，我只想从当前部分删除全屏类，但不想完全关闭菜单。我不知道如何做到这一点，在与jQuery和hasClass的Javascript版本斗争之后，我仍然无法让它工作。感谢您的帮助！提前谢谢

只需将

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();
    }
});

---

我可以在2分钟内接受这个答案。谢谢你的帮助！