1. JavaScript / Говнокод #26679

    0

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    41. 41
    42. 42
    43. 43
    44. 44
    45. 45
    46. 46
    47. 47
    48. 48
    49. 49
    50. 50
    51. 51
    52. 52
    53. 53
    54. 54
    55. 55
    56. 56
    57. 57
    58. 58
    59. 59
    60. 60
    61. 61
    62. 62
    63. 63
    64. 64
    65. 65
    66. 66
    67. 67
    68. 68
    69. 69
    70. 70
    71. 71
    72. 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();
        });

    Главное, что задокументировано

    Запостил: phpBidlokoder2, 21 Мая 2020

    Комментарии (2) RSS

    Добавить комментарий