Нашел сайт https://positronica.ru/. Есть меню
При выборе пункта меню из этого сайдбара выскакивает меню
Каким образом в коде организовано это выпадение? Должен отображаться .block-text
.
В коде нашел следующий блок (файл all_scripts2.js.Без названия
)
var trigger = $('.hamburger'), timerIdEnter, timerIdLeave, perecl = false, elem, elem1, timer = 0, enterMenu = false;
toggleMenu = function (oldperecl, type) {
if (elem && type == 'mouseleave') {
elem.parent().siblings().removeClass('dropdown-submenu--open');
elem.parent().toggleClass('dropdown-submenu--open');
}
if (elem1 && type == 'mouseenter') {
elem1.parent().siblings().removeClass('dropdown-submenu--open');
elem1.parent().toggleClass('dropdown-submenu--open');
}
perecl = !oldperecl;
};
Но несмотря на наличие вышеуказанного участка боковое меню не выпадает. В файле header.php
присутствует код
(function ($) {
jQuery(document).ready(function($) {
alert("TestCheckConnect");
let menuul = document.querySelectorAll('.dropdown-menu > li > a'); // LI
for (let menuliitem of menuul.closest('li.dropdown.dropdown-submenu')){
menuliitem.addEventListener("mouseenter", function () {
menuliitem.classList.add("dropdown-submenu--open");
});
menuliitem.addEventListener("mouseleave", function () {
menuliitem.classList.remove("dropdown-submenu--open");
});
}; // UL
}
)
}
)
В файле all_scripts2
есть код
menutriger = function (event) {
const $t = $(this);
$('#menu').trigger($.Event('shown.ps.submenu', {target: this, relatedTarget: this.parentNode}));
var ismobile = is_mobile();
if (event) {
event.stopPropagation();
var is_not_child = (!ismobile && !$(event.currentTarget).is(event.relatedTarget) && $(event.currentTarget).parent().has(event.relatedTarget).length == 0);
var is_not_child_ul = (!ismobile && !$(event.currentTarget).is(event.relatedTarget) && $(event.currentTarget).closest('ul').has(event.relatedTarget).length == 0);
if (
(!ismobile && event.type == 'mouseenter' && !$t.parent().hasClass('dropdown-submenu--open'))
|| (!ismobile && event.type == 'mouseleave' && $t.parent().hasClass('') && is_not_child)
|| (ismobile && event.type == 'click')
) {
if (!ismobile && event.type == 'mouseleave') {
clearTimeout(timerIdLeave);
elem = $t;
if (timerIdLeave == 0 || perecl || (!ismobile && is_not_child)) {
timerIdLeave = setTimeout(toggleMenu, 100, perecl, event.type);
}
}
if (!ismobile && event.type == 'mouseenter') {
clearTimeout(timerIdEnter);
elem1 = $t;
getSubMenu($t.closest('.dropdown-submenu'));
delay_time = (new Date().getTime() - timer > 100) ? 100 : 500;
delay_time = (!$t.parent().hasClass('dropdown-submenu--open') && is_not_child_ul && is_not_child) ? 500 : delay_time;
timer = new Date().getTime();
if (timerIdEnter == 0 || !perecl || (!ismobile && is_not_child)) {
timerIdEnter = setTimeout(toggleMenu, delay_time, perecl, event.type);
}
}
if (ismobile && event.type == 'click' && $t.hasClass("arrow--mobile")) {
const parentHeight = $t.closest('.dropdown-menu-left')
.find('.dropdown-menu-left__title .arrow--mobile').height();
$t.next('ul').css('top','-' + parentHeight + 'px');
const $submenu = $t.closest('.dropdown-submenu');
const $submenuSiblings = $submenu.siblings();
$submenuSiblings.removeClass('dropdown-submenu--open');
$submenu.toggleClass('dropdown-submenu--open');
if ($t.hasClass("arrow--right")) {
getSubMenu($t.closest('.dropdown-submenu'));
$submenuSiblings
.removeClass('dropdown-submenu--hide')
.addClass('dropdown-submenu--hide');
}
if ($t.hasClass("arrow--left")) {
$submenuSiblings.removeClass('dropdown-submenu--hide');
}
}
}
if (!ismobile && event.type == 'mouseleave' && !$t.parent().hasClass('dropdown-submenu--open') && is_not_child_ul && is_not_child) {
elem1 = null;
$t.parent().siblings().removeClass('open');
}
if (!ismobile && event.type == 'mouseleave' && $t.parent().hasClass('dropdown-submenu--open') && !is_not_child_ul) {
elem = null;
}
if (!ismobile && event.type == 'mouseenter' && $t.parent().hasClass('dropdown-submenu--open')) {
elem1 = null;
}
}
};