Вопрос на тостере

// Для этого вопроса: https://toster.ru/q/628736

$('#menu-trigger-2').unbind('click');
$('#menu-trigger-4').unbind('click');
$('#menu-trigger-5').unbind('click');
$('#menu-trigger-a2').unbind('click');
$('#menu-trigger-a4').unbind('click');
$('#menu-trigger-a5').unbind('click');

$('#menu-trigger-2').attr({ "class":"menu-trigger-open", "menu-id":"system-block-hid" });
$('#menu-trigger-4').attr({ "class":"menu-trigger-open", "menu-id":"contacts-block-hid" });
$('#menu-trigger-5').attr({ "class":"menu-trigger-open", "menu-id":"search-block-hid" });
$('#menu-trigger-a2').attr({ "class":"menu-trigger-close", "menu-id":"system-block-hid" });
$('#menu-trigger-a4').attr({ "class":"menu-trigger-close", "menu-id":"contacts-block-hid" });
$('#menu-trigger-a5').attr({ "class":"menu-trigger-close", "menu-id":"search-block-hid" });

$('#system-block-hid').addClass("menu-container").attr("animate-container","200");
$('#contacts-block-hid').addClass("menu-container").attr("animate-container","400");
$('#search-block-hid').addClass("menu-container").attr("animate-container","250");

function openContainer(menu, animateContainerVal) {
    $(".menu-container.open").each(function (idx, element) {
        let jElement = $(element);
        closeContainer(jElement, jElement.attr("animate-container"), false);
    });
    menu.slideDown(400, function() {
        menu.addClass("open");
        $(".container").animate({
            marginTop: animateContainerVal+"px"
        }, 1000, function(){
            // Animation complete
        });
    });
}

function closeContainer(menu, animateContainerVal, withAnimateContainer) {
    menu.slideUp(400, function(){
        menu.removeClass("open");
        if(withAnimateContainer) {
            $(".container").animate({
                marginTop: "0px"
            }, 1000, function(){
                // Animation complete
            });
        }
    });
}

$(".menu-trigger-open").click(function(e) {
    e.preventDefault();
    let menu = $("#"+$(this).attr("menu-id")),
    animateContainerVal = menu.attr("animate-container");
    if(menu.hasClass("open")) {
        closeContainer(menu, animateContainerVal, true);
    } else {
        openContainer(menu, animateContainerVal);
    }
});

$(".menu-trigger-close").click(function (e) {
    e.preventDefault();
    let menu = $("#"+$(this).attr("menu-id")),
    animateContainerVal = menu.attr("animate-container");
    closeContainer(menu, animateContainerVal, true);
});