- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
$openTab.on('click', function () {
$('.c-header__nav__level-1').hide();
$('.c-header__nav__level-back').show();
$tabContent.show();
});
//показываем меню 1 уровня когда нажимаем на бургер
$('.c-header__toggler--burger').on('click', function () {
$('.c-header__toggler').toggle();
$('.c-header__nav__level-1').fadeIn();
$('body').addClass('body-no-scroll');
});
//скрытие на кнопку закрытие
$('.c-header__toggler--close').on('click', function () {
$('.c-header__toggler').toggle(); //сама кнопка
$('.c-header__nav__level-1').fadeOut(); //закрываем первый уровень
$tabContent.fadeOut(); //закрываем второй уровень
setTimeout(function () { //тайм-аут для восстановления 2 уровня по умолчанию
$('.c-header__nav__level-2-item--show').removeClass('c-header__nav__level-2-item--show');
$('.c-header__nav__level-2-item').show();
}, 800);
$('.c-header__nav__level-3').fadeOut(); //закрываем 3 уровень
$('.c-header__nav__back').fadeOut(); // закрываем все кнопки 'назад'
$('body').removeClass('body-no-scroll');
});
//кнопка "назад" со 2 на 1 уровень
$('.c-header__nav__level-back').on('click', function () {
$(this).hide().parent().hide().prev().show();
});
$('.c-header__nav__level-2-back').on('click', function () {
$(this).hide();
$(this).prev().show();
$('.c-header__nav__level-2').removeClass('is-active');
});
//кнопка "назад" с 3 на 2 уровень
$('.c-header__nav__level-3-back').on('click', function () {
$(this).hide()
.parent().find('.c-header__nav__level-2-item--show').removeClass('c-header__nav__level-2-item--show'); // восстановления 2 уровня по умолчанию
$('.c-header__nav__level-2-item').show(); // восстановления 2 уровня по умолчанию
$('.c-header__nav__level-2-back').show(); //восстанавливаем кнопку "назад" 2 уровня
$('.c-header__nav__level-3').hide(); //закрываем 3 уровень
});
//переход с 2 на 3 уровень
$('.c-header__nav__level-2-item').on('click', function () {
$('.c-header__nav__level-2-item').not($(this)).hide(); //закрываем весь 2 уровень кроме нажатого
$(this).addClass('c-header__nav__level-2-item--show'); //стили для нажатого 2 уровня
$('.c-header__nav__level-2-back').hide(); //скрываем кнопку "назад" 2 уровня
$('.c-header__nav__level-3').show(); // показываем кнопку "назад" 3 уровня
$('.c-header__nav__level-3-back').show(); //показываем 3 уровень
});
//новое меню
$('body').on('click', '.c-header__nav__level-left__link.parent', function (e) {
e.preventDefault();
$(this).next('ul').addClass('is-active');
$('.c-header__nav__level-2-back').show();
$('.c-header__nav__level-back').hide();
});
MAKAKA 22.05.2020 22:14 # +1
guest8 22.05.2020 22:36 # −999