https://starrcompanies.cl/-/media/Themes/Starr/Starr/Starr-Base-Theme/Scripts/travelheader.js

1$(document).ready(function(){
2    $("body#headerbgcolor header.headerone").addClass("headertwo");
3        $(window).on("load scroll resize orientationchange", function() {
4            if($(window).scrollTop() > 50) {
5                $("body.default-device.bodyclass header.headerone").addClass("activeone",1000);
6                
7                $("body#headerbgcolor header.headerone").addClass("activetwo",1000);
8                $("body#headerbgcolor header.headerone").removeClass("activeone",1000);
9                $("body#headerbgcolor header.headerone").removeClass("headertwo",1000);
10                //console.log("dfdfdfdfdfdfdf");
11                 $("body.default-device.bodyclass .mobile-container").addClass("mobileactiveone",1000);
12                
13                $("body#headerbgcolor .mobile-container").addClass("mobileactivetwo",1000);
14                $("body#headerbgcolor .mobile-container").removeClass("mobileactiveone",1000);
15                $("body#headerbgcolor .mobile-container").removeClass("mobileheadertwo",1000);
16                
17                 
18            } else {
19                //remove the background property so it comes transparent again (defined in your css)
20               $("body.default-device.bodyclass header.headerone").removeClass("activeone",1000);
21                $("body#headerbgcolor header.headerone").addClass("headertwo",1000);
22              $("body#headerbgcolor header.headerone").removeClass("activetwo",1000);
23              
24               $("body.default-device.bodyclass .mobile-container").removeClass("mobileactiveone",1000);
25                $("body#headerbgcolor .mobile-container").addClass("mobileheadertwo",1000);
26              $("body#headerbgcolor .mobile-container").removeClass("mobileactivetwo",1000);
27               
28            }
29        });
30    });
31    function myFunction() {
32      var x = document.getElementById("myLinks");
33      if (x.style.display === "block") {
34        x.style.display = "none";
35      } else {
36        x.style.display = "block";
37      }
38    }
39    
40    /* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
41    var dropdown = document.getElementsByClassName("dropdown-btn");
42    var i;
43    
44    for (i = 0; i < dropdown.length; i++) {
45      dropdown[i].addEventListener("click", function() {
46        this.classList.toggle("active");
47        var dropdownContent = this.nextElementSibling;
48        if (dropdownContent.style.display === "block") {
49          dropdownContent.style.display = "none";
50        } else {
51          dropdownContent.style.display = "block";
52        }
53      });
54    }
55    
56    
57    
58    /*table js */
59    var g = false;

60    $('.menuBtn1').click(function (event) {
61        if(g == false){
62            $('.tablemenu1').each(function(){$(this).toggle( "slow", function() { left: "0" });});
63            $('.tablemenu2').hide();
64    
65            $('.menuBtn1').hide();
66            $('.menuBtn2').show();
67    
68    
69        }else{
70            $('.tablemenu1').each(function(){$(this).toggle( "slow", function() { left: "50" });});
71        }    
72    }); 
73    
74    var h = false;
75    $('.menuBtn2').click(function (event) {
76        if(h == false){        
77            $('.tablemenu2').each(function(){$(this).toggle( "slow", function() { left: "0" });});
78            $('.tablemenu1').hide();
79            $('.menuBtn2').hide();
80            $('.menuBtn1').show();
81        }else{
82            $('.tablemenu2').each(function(){$(this).toggle( "slow", function() { left: "50" });});
83        }    
84    });
85    
86     var i = false;
87    $('.menuBtn3').click(function (event) {
88        if(i == false){        
89            $('.tablemenu3').each(function(){$(this).toggle( "slow", function() { left: "0" });});
90            $('.tablemenu4').hide();
91            $('.tablemenu5').hide();
92            $('.menuBtn5').hide();
93            $('.menuBtn3').hide();
94            $('.menuBtn4').show();
95    
96    
97        }else{
98            $('.tablemenu3').each(function(){$(this).toggle( "slow", function() { left: "50" });});
99        }    
100    }); 
101    
102    var j = false;
103    $('.menuBtn4').click(function (event) {
104        if(j == false){        
105            $('.tablemenu4').each(function(){$(this).toggle( "slow", function() { left: "0" });});
106            $('.tablemenu3').hide();
107            $('.tablemenu4').show();
108            $('.tablemenu5').hide();
109            $('.menuBtn4').hide();
110            $('.menuBtn3').show();
111            $('.menuBtn5').show();
112    
113        }else{
114            $('.tablemenu4').each(function(){$(this).toggle( "slow", function() { left: "50" });});
115        }    
116    });
117    
118    var k = false;
119    $('.menuBtn5').click(function (event) {
120        if(k == false){        
121            $('.tablemenu4').each(function(){$(this).toggle( "slow", function() { left: "0" });});
122            $('.tablemenu3').hide();
123            $('.tablemenu4').hide();
124            $('.tablemenu5').show();
125            $('.menuBtn4').hide();
126            $('.menuBtn3').show();
127            $('.menuBtn5').hide();
128        }else{
129            $('.tablemenu5').each(function(){$(this).toggle( "slow", function() { left: "50" });});
130        }    
131    });
132    
133    
134  
135  
136/*
137var jQueryScript = document.createElement('script');
138jQueryScript.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js');
139document.head.appendChild(jQueryScript);
140
141*/