Главная страница — Меню второго уровня в Zero block на Тильде по клику

Меню второго уровня в Zero block на Тильде по клику

Как сделать выпадающее меню по нажатию на пункт кодом на Тильде используя Зеро блок
Данный код нужно указать в блок (Другое ⟶ T123 ⟶ HTML-код)
<!-- Меню будет открываться по клику/по нажатию (on click) на пункт в меню -->
<!-- https://roman-kosov.ru/zero-block-menu-onclick -->

<script>
$("document").ready(function() {
    /* #rec196486194 — id Zero блока (меню 2-го уровня, который будет всплывать) */
    var menuBlockID = "#rec196486194";
    var menuArtboardClick = $(menuBlockID).find(".t396__artboard");
    
    $("[href='#menuclick']").click(function(e) {
        e.preventDefault();
        if($(menuArtboardClick).hasClass("open")) {
            $(menuArtboardClick).removeClass("open");
        } else {
            $(menuArtboardClick).addClass("open");
        }
    });
    
    $(menuArtboardClick).mouseleave(function(e) {
        e.preventDefault();
        $(menuArtboardClick).removeClass("open");
    });
});
</script>

<style>
/* #rec130781630 — id Зеро блока (меню 1-го уровня, основной) */
#rec130781630 {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 998;
}

/* #rec196486194 — id Zero блока (меню 2-го уровня, который будет всплывать) */
#rec196486194 .t396__artboard{
    z-index: 997;
    position: fixed;
    margin: auto;
    top: 130px; /* высота Zero блока (меню 1-го уровня, основной) */
    left: 0;
    transition: all .4s ease;
    pointer-events: none;
    transform: translateY(-600px); /* сумма высот Zero блоков, которые играют роль меню (1-го и 2-го уровня) */
    justify-content: space-around;
    box-shadow: 0 9px 9px 0 rgba(0, 0, 0, .09);
}

.open {
    pointer-events: all !important;
    transform: translateY(0px) !important;
}
</style>
В основном меню укажите ссылку: #menuclick
По нажатию на пункт с ссылкой #menuclick будет открывать меню второго уровня
Посмотреть ID блока можно прокрутив в самый низ в «Настройках» блока.
(NEW) Вы можете скачать и установить расширение, которое поможет найти id блока ещё быстрее.