https://hautecouturecolors.com/themes/public/navigations/nav_active/navigation.js?1790566696&v=1790566696

1$(document).ready(function () {
2
3    // config_CSS à commenter
4    function config_CSS() {
5        var mainMenuWidth = $('#main-menu').width();
6        var menuLeftWidth = $('#main-menu .menu-left').width();
7        var menuRightWidth = $('#main-menu .menu-right').width();
8        var slideMenuWidth = $('#main-menu #slide-menu').width();
9        var breackpoint = slideMenuWidth + menuLeftWidth + menuRightWidth;
10        var breackpointMenuRight = menuLeftWidth + menuRightWidth;
11        console.log('--------- CONFIG navigation.css ---------')
12        console.log('valeur optimale de la variable CSS --menu-left-and-right-width = ' + Math.round(Math.max(menuLeftWidth,menuRightWidth)) + 'px')
13        console.log('breackpoint optimal = ' + Math.round(breackpoint) + 'px')
14        console.log('breackpoint menu-right optimal = ' + Math.round(breackpointMenuRight) + 'px')
15        console.log('----------------------------------------')
16    };
17    config_CSS()
18
19    // low-menu
20    // var content = $("#main-menu .menu-right").html();
21    // $("#slide-menu").prepend('<div class="low-menu"></div>');
22    // $("#slide-menu .low-menu").prepend(content);
23
24
25    //-----------------------Menu reset --------------------------//
26    function menuReset() {
27        $('#main-menu').removeClass('menu-open');
28        $('.mask-menu').removeClass('menu-open');
29        $('.sub-menu > ul').removeClass('active');
30        $('.toggle-menu').removeClass('active');
31    };
32    $(window).resize(function () {
33        menuReset();
34    });
35    //----------------------Menu open --------------------------//
36    function menuOpen() {
37        $('.mask-menu').toggleClass('menu-open');
38        $('#main-menu').toggleClass('menu-open');
39        $('.toggle-menu').toggleClass('active');
40    }
41    //-----------------------Toggle menu--------------------------//
42    $('.toggle-menu').on('click', function () {
43        if ($(this).hasClass("active")) {
44            menuReset();
45        }else{
46            menuOpen();
47        }
48    });
49
50    // -------------------------------SUBMENU------------------------------- //
51    $('.sub-menu > ul > li.active').each( function(){
52           $(this).parent('ul').parent('.sub-menu').addClass('active');
53       });
54    // ---------------------breackPoint---------------------//
55    if ($(window).width() < 992 ){
56        $('.sub-menu-down.sub-menu> a').click(function(e){
57            e.preventDefault();
58        })
59    }
60    //----------------------HTML--------------------------//
61    $('.sub-menu').each( function(){
62        var item_name = $(this).children( 'a' ).text();
63        var item_url = $(this).children( 'a' ).attr("href");
64        var return_menu = $(this).children( 'a' ).data("return");
65        
66        $(this).prepend( '<a class="sub-menu-title">'+ item_name +'<i class="fal fa-angle-right fa-lg ms-3"></i></a>' );
67        if(item_url != "#"){
68            $(this).children('ul').prepend( '<li><a href="' + item_url + '" class="sub-menu-page-link"></i>'+ item_name +'</a></li>' );
69        }
70        $(this).children('ul').prepend( '<li class="sub-menu-return"><a><i class="fal fa-angle-left fa-lg me-2"> </i>'+ return_menu +'</a></li>' );
71    });
72
73    $('.sub-menu-title').click(function () {
74        $(this).siblings('ul').toggleClass('active');
75    });
76    $('.sub-menu-return').click(function () {
77        $(this).parent().toggleClass('active');
78    });
79
80
81});