import $ from "jquery";

function toggleMenu(event: JQuery.ClickEvent) {
    const $menu = $('#navigationMenu');
    const isMenuOpen = $menu.hasClass('d-flex');

    if (isMenuOpen) {
        $menu.removeClass('d-flex');
    } else {
        $menu.addClass('d-flex');
    }
    event.stopPropagation(); // Останавливаем всплытие события, чтобы клик внутри меню не закрывал его
}

function closeMenu() {
    $('#navigationMenu').removeClass('d-flex');
}

$('#openMenu').on('click', toggleMenu);
$(document).on('click', closeMenu);
$('#navigationMenu').on('click', function(event) {
    event.stopPropagation(); // Останавливаем всплытие события, чтобы клик внутри меню не закрывал его
});