https://aast.edu/template/en/about/js/menu-page.js

1/* Script on ready
2------------------------------------------------------------------------------*/
3$(document).ready(function(){
4    /* Responsive Jquery Navigation */
5    var MenuWidth = $('#menu-aast').width();
6    $('.hamburger-aasta').click(function(event){
7        event.stopPropagation();
8        $('#mobilenav-aast').toggleClass('is-open');
9        $('#wrapper-menu-aast').toggleClass('nav_is_visible');
10        $(this).toggleClass('is-active');
11    });
12
13    $('#mobilenav-aast .nav-backdrop').click(function(){
14        $('#mobilenav-aast').removeClass('is-open');
15    });
16
17    $('body').on('keyup',function(evt) {
18        if (evt.keyCode == 27) {
19            $('.hamburger-aasta.is-active').removeClass('is-active');
20            $('#mobilenav-aast.is-show').removeClass('is-show');
21            $('#wrapper-menu-aast').removeClass('nav_is_visible');
22            $('#mobilenav-aast').removeClass('is-open');
23        }
24    });
25
26    var clickable = $('#menu-aast').attr('link-clickable');
27    $('#mobilenav-aast li:has(ul)').addClass('has-sub');
28    $('#mobilenav-aast ul li ul').addClass('slide-menu');
29    $('#mobilenav-aast .has-sub>a').after('<em class="caret">');
30    $('#mobilenav-aast .has-sub>ul').prepend('<li class="submenu-header"></li>');
31    if(clickable == 'true'){
32        $('#mobilenav-aast .has-sub>a').addClass('trigger-caret').attr('href','javascript:;');
33    }else{
34        $('#mobilenav-aast .has-sub>.caret').addClass('trigger-caret');
35    }
36
37    /* menu open and close on single click */
38    $(document).on('click','#mobilenav-aast .has-sub>.trigger-caret',function(event){
39        var element = $(this).parent('li');
40        if (element.hasClass('is-open')) {
41            element.removeClass('is-open');
42            element.find('li').removeClass('is-open');
43        }
44        else {
45            element.addClass('is-open');
46            element.children('ul').addClass('sub-open');
47            element.siblings('li').removeClass('is-open');
48            element.siblings('li').find('li').removeClass('is-open');
49        }
50    });  
51
52    $(document).on('click','.submenu-header',function(event){
53        $(this).parent('ul').removeClass('sub-open');
54        $(this).parent('ul').parents('li').removeClass('is-open');
55        $(this).parent('ul').find('li').toggleClass('is-open');
56        $(this).parent('ul').next().stop().slideToggle();
57        $(this).empty();
58    });
59
60    $(".has-sub>.trigger-caret").click(function() {
61        var pT = $(this).closest('li').children('a').text() + ""
62        $(this).closest('li').children('.slide-menu').children('.submenu-header').html(pT);
63    });
64    
65    // full menu
66    // if ul is find on the li then addClass on li
67    $('nav > ul > li:has(ul)').addClass('sub-menu');
68
69    
70    // Close Menu in Mobile
71    $(".close-menu-aast").click(function(e){ 
72            $("#mobilenav-aast").removeClass("is-open")
73            $('.hamburger-aasta').removeClass('is-active');
74        }); 
75
76        
77        // Add Active in click And Remove Class Active sibilings
78        function clearActive(selector) {
79            $(selector).click(function(){
80                $(selector).removeClass('active');
81                $(this).addClass('active');
82            });
83          }
84          clearActive(".nav-aast > ul > li")
85        
86});
87
88
89$('.click-open-menu').click(function(){
90    $(this).find(".sub-dropdown-list-today").toggleClass('active');
91    });