RUN-RUN
MAGAZINE
EQUIPMENT
TRIATHLON
COMPETITIONS
No Gun, Go Run is our Annual spring marathon in West Berlin
Creativity is to discover a question that has never been asked. If one brings up an idiosyncratic question, the answer he gives will necessarily be unique as well.
MAGAZINE
TRAINING
EQUIPMENT
TRIATHLON
COMPETITIONS
CALENDAR
NEWS
Bikefit: what is it and how does the procedure go
5 impressive trails for trail runnin
Triathlon Brick Training: What, Species, Examples
11/17/2019
11/11/2019
11/03/2019
Процесс настройки и установки: Добавляем на страницу 2 Zero Block. Первый блок будет играть роль основного меню, а второй блок Zero будет играть роль меню второго уровня (выпадающего)

Затем на страницу добавляем блок T123 > категория Другое. Копируем код ниже и вставляем его в контент блока Т123
<!-- Меню открывается по клику -->

<script>
$("document").ready(function() {
    /* #rec130781742 — id Зеро блока (меню 2-го уровня, который будет всплывать) */
    var menuBlockID = "#rec130781742";
    var isAlready = false;
    var menuArtboard = $(menuBlockID).find(".t396__artboard");
    $("[href='#menu']").click(function(e) {
        e.preventDefault();
        $(menuArtboard).toggleClass("open");
        if(!isAlready) {
            $(menuArtboard).mouseleave(function(e) {
                e.preventDefault();
                $(menuArtboard).toggleClass("open");
                isAlready = true;
            });
        }
    });
});
</script>

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

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

.open {
    pointer-events: all !important;
    transform: translateY(0px) !important;
}
</style>
Zero блоки создали, код установили, теперь идем дальше: Вам нужно просто подставить уникальные номера своих блоков в уже готовый код. Где их найти? Переходим в настройки блока > опускаемся в самый низ > копируем > вставляем. Чпуньк. Все готово.

Можно еще копировать ID прекрасным расширением от Ромы, которое выводит айдишки в редактор и позволяет копировать их одним щелчком, да и много еще чего умеет.
Made on
Tilda