document.addEventListener('DOMContentLoaded', function () {
    $(document).ready(function () {

        function navfifteen() {


            var slide_wrp       = ".nav_fifteen_menu_wrap", //обертка меню
                open_button     = ".nav_fifteen_menu_open", //кнопка "открыть меню"
                overlay         = ".nav_fifteen_menu_overlay", //затемнение фона
                h               = $('.nav_fifteen_menu_social_list').innerHeight(),
                menu_line            = ".nav_fifteen_menu_open_line",
                line_bg         = $(open_button).data('bg-menu-line'),
                line_bg_active  = $(open_button).data('bg-menu-line-active');


            $(open_button).addClass('d-md-none g-pos-fix');
            $(slide_wrp).addClass('g-pos-fix');
            $('.nav_fifteen_menu_content').css('height', 'calc(100% - ' + h + 'px)');
            $(menu_line).addClass(line_bg);


            $(open_button).click(function (e) { //при нажатии на кнопку "Открыть меню"
                e.preventDefault();

                if ($(open_button).hasClass('is_active')) {
                    $(this).removeClass('is_active');
                    $(menu_line).removeClass(line_bg_active);
                    $(menu_line).addClass(line_bg);

                    setTimeout(function () {
                        $(slide_wrp).removeClass('active'); // убираем класс "active"
                    }, 50);

                    $(overlay).css({"opacity": "0", "width": "0"});
                } else {
                    $(this).addClass('is_active');
                    $(menu_line).removeClass(line_bg);
                    $(menu_line).addClass(line_bg_active);

                    setTimeout(function () {
                        $(slide_wrp).addClass('active'); //добавляем класс "active"
                    }, 50);

                    $(overlay).css({"opacity": "1", "width": "100%"});
                }
            });


            $(document).on('click', function (e) { //Прячем меню при клике вне обертки
                if (!e.target.closest(slide_wrp) && $(slide_wrp).hasClass("active")) { // проверяем состояние меню
                    $(slide_wrp).removeClass('active');
                    $(open_button).removeClass('is_active');
                    $(overlay).css({"opacity": "0", "width": "0"});
                }
            });
        }


        navfifteen();

    });
});