مشکل جزئی در جیکوئری

سلام. این کد برای منوی ریسپانسیو هست اما نمیدونم چرا بعضی مواقع خوب کار نمیکنه دوستانی که در جیکوئری مهارت دارن لطفا کد رو بررسی کنند مشکلش کجاست. ممنونم

$("#menu-toggle").click(function() {
    var menu = $(".navbar-collapse");
    var overlay = $(".overlay");
    if (!menu.hasClass("active-menu")) {
        menu.addClass("active-menu");
    }

    if (!overlay.hasClass("active")) {
        overlay.addClass("active");
        overlay.click(function() {
            $("#menu-toggle").trigger("click");
        });
        $("body").css("overflow", "hidden");
    }
    else {
        overlay.removeClass("active");
        menu.removeClass("active-menu");
        $("body").css("overflow", "");
    }
    return false;
});

سلام
@GHM

کدتون رو اجرا کنید ، در سر برگ console در inspect element ببینید اروری دارید
بگذارید تا راهنمایی کنیم
بعید میدونم تو سینتکس مشکلی باشه

@Alimotreb سلام. هیچ خطایی نمیده متاسفانه
مشکلش اینه وقتی منو فعال میشه، بعضی وقتها با یک کلیک و بعضی وقتها با چند کلیک روی overlay منو بسته میشه

سلام
@GHM

احتمال میدم از یه سری کلیک زیاد باشه هر کلیکی که میکنید صبر کنید به اندازه تاخیرش تا انجام شه
مرحله به مرحله به نظر من alert بگیرید خط به خط
تا ببینید کجای کد دقیقا مشکل داره ، به نحوی دیگه بنویسیدش

@Alimotreb کلا چهار خطش کردم :)
این چطوره؟

$("#menu-toggle").click(function() {
    $("body").toggleClass("menu-mobile");

    $(".overlay").click(function() {
        $("body").removeClass("menu-mobile");
    });
});

سلام
@GHM

خیلیم خوبه
توابع زیادی توی جی کوئری وجود داره که متناسب با کارتون میتونید ازشون استفاده کنید

جی کوئری اصلا کارش همینه ، کد کمتر ، کارایی بیشتر!
موفق باشید