Привет! Пытаюсь разобраться в громоздком куске кода отвечающем за табы в меню. Хочу добавить к нему задержку по времени, так как сейчас меню вываливается молниеносно, даже если случайно по нему мышкой провести, но сохранить то что есть, чтобы не ломать функционал. Понятно что нужно добавить setTimeout , но куда именно, на маленьких примерах типа
этого вроде понятно, а тут и нет mouseenter, вообще это реально тут?
function initTab() {
var mainLi = $('.main-tab-set li'),//Пункт меню
inner = $('.nav-wrapper'),//Обертка для табов
innerTab = inner.find('.tab'),//Конкретный таб
innerLi = innerTab.find('.nav li'),//Пункт меню в показанном табе
subItem = inner.find('.subsection-wrapper .item'),//
innerLi2 = innerTab.find('.nav2 .nav2-list li a');
mainLi.hover(function () {
var _t = $(this),//Наведенный пункт меню
index = _t.index(),//Возвращяет индекс заданного элемента в наборе (2 и 3 вариант использования) или относительно соседних элементов (1 вариант использования).
curTab = innerTab.eq(index);//Индекс выбранного таба
mainLi.removeClass('active');//удалить класс актив у пунктов меню
_t.addClass('active');//добавить актив для наведенного пункта
// overlay.addClass('active');
innerLi.removeClass('active');
innerLi2.removeClass('active');
subItem.removeClass('active');
if (innerTab.is(':visible')) {
innerTab.hide();
curTab.show();
} else {
// curTab.stop(false, false).slideDown();
curTab.show();
}
......
