https://www.telkom.co.id/js/new-design/component-navbar.js?v=2604291614

1document.documentElement.style.setProperty("--height-navbar", `${$('.navbar').outerHeight()}px`);
2document.documentElement.style.setProperty("--height-navbar-collapse", `${$('.navbar .navbar-collapse').outerHeight()}px`);
3
4
5$('.navbar .navbar-menu .navbar-collapse .navbar-nav .nav-item.dropdown').hover(function() {
6    $('.navbar .offcanvas-backdrop').removeClass('d-none');
7}, function() {
8    $('.navbar .offcanvas-backdrop').addClass('d-none');
9});
10
11$('.navbar .navbar-toggler').on('click', function(){
12    $(".navbar .navbar-toggler").not($(this)).removeClass('active');     
13    $('.navbar .offcanvas-backdrop').addClass('d-none');
14    $('.navbar .mobile').addClass('d-none');
15    $('.navbar-toggler.menu').children().text('menu')
16    $('.navbar-toggler.search').children().text('search')
17    if ($(".navbar .navbar-toggler").hasClass('active')) {
18        $('.navbar .offcanvas-backdrop').removeClass('d-none');
19        $(this).not(".lang").children().text('close')
20        if ($(this).hasClass('menu')) {
21            $('.navbar .mobile-menu').removeClass('d-none')
22        }
23        if ($(this).hasClass('search')) {
24            $('.navbar .mobile-search').removeClass('d-none')
25        }
26        if ($(this).hasClass('lang')) {
27            $('.navbar .mobile-lang').removeClass('d-none')
28        }
29    }
30})
31
32// $('.navbar .navbar-toggler.menu').on('click', function(){
33//     if ($(this).hasClass('active')) {
34//         $('.navbar .offcanvas-backdrop').removeClass('d-none');
35//         $('.navbar .mobile-menu').removeClass('d-none')
36//         $(this).children().text('close')
37//     } else {
38//         $('.navbar .offcanvas-backdrop').addClass('d-none');
39//         $('.navbar .mobile-menu').addClass('d-none')
40//         $(this).children().text('menu')
41//     }
42// })
43
44// $('.navbar .navbar-toggler.search').on('click', function(){
45//     if ($(this).hasClass('active')) {
46//         $('.navbar .offcanvas-backdrop').removeClass('d-none');
47//         $('.navbar .mobile-search').removeClass('d-none')
48//         $(this).children().text('close')
49//     } else {
50//         $('.navbar .offcanvas-backdrop').addClass('d-none');
51//         $('.navbar .mobile-search').addClass('d-none')
52//         $(this).children().text('search')
53//     }
54// })
55
56$('#lang_en').on('click', function() {
57    var lang = $(this).data('lang');
58    var url = $(this).data('value');
59    changeLanguage(lang, url)
60});
61$('#lang_id').on('click', function() {
62    var lang = $(this).data('lang');
63    var url = $(this).data('value');
64    changeLanguage(lang, url)
65});
66
67$('#lang_en_mobile').on('click', function() {
68    var lang = $(this).data('lang');
69    var url = $(this).data('value');
70    changeLanguage(lang, url)
71});
72$('#lang_id_mobile').on('click', function() {
73    var lang = $(this).data('lang');
74    var url = $(this).data('value');
75    changeLanguage(lang, url)
76});
77
78function changeLanguage(lang, url) {
79    if (lang === "id_ID") {
80        if (url == '#') {
81            alert('not available in Indonesian')
82        } else {
83            window.location.href = url
84        }
85    } else {
86        if (url == '#'){
87            alert('tidak tersedia dalam bahasa Inggris')
88        } else {
89            window.location.href = url
90        } 
91    }        
92}