Presenting
Sponsor
</div></div></div></div></div></div></div><script> const openedMenu = document.querySelector('.opened-menu'); const closedMenu = document.querySelector('.closed-menu'); const navbarMenu = document.querySelector('.navbar'); const menuOverlay = document.querySelector('.overlay'); // Opened navbarMenu // Closed navbarMenu // Closed navbarMenu by Click Outside openedMenu?.addEventListener('click', toggleMenu); closedMenu?.addEventListener('click', toggleMenu); menuOverlay?.addEventListener('click', toggleMenu); // Toggle Menu Function function toggleMenu() { navbarMenu.classList.toggle('active'); menuOverlay.classList.toggle('active'); document.body.classList.toggle('scrolling'); } navbarMenu.addEventListener('click', (event) => { if (event.target.hasAttribute('data-toggle') && window.innerWidth <= 992) { // Prevent Default Anchor Click Behavior event.preventDefault(); const menuItemHasChildren = event.target.parentElement; // If menuItemHasChildren is Expanded, Collapse It if (menuItemHasChildren.classList.contains('active')) { collapseSubMenu(); } else { // Collapse Existing Expanded menuItemHasChildren if (navbarMenu.querySelector('.menu-item-has-children.active')) { collapseSubMenu(); } // Expand New menuItemHasChildren menuItemHasChildren.classList.add('active'); const subMenu = menuItemHasChildren.querySelector('.sub-menu'); subMenu.style.maxHeight = subMenu.scrollHeight + 'px'; } } }); // Collapse Sub Menu Function function collapseSubMenu() { navbarMenu.querySelector('.menu-item-has-children.active .sub-menu').removeAttribute('style'); navbarMenu.querySelector('.menu-item-has-children.active').classList.remove('active'); } // Fixed Resize Screen Function function resizeScreen() { // If navbarMenu is Open, Close It if (navbarMenu.classList.contains('active')) { toggleMenu(); } // If menuItemHasChildren is Expanded, Collapse It if (navbarMenu.querySelector('.menu-item-has-children.active')) { collapseSubMenu(); } } window.addEventListener('resize', () => { if (this.innerWidth > 992) { resizeScreen(); } }); $(document).ready(function() { $('.owl-carousel').owlCarousel({ loop: true, margin:5, autoplay: true, autoplayTimeout: 3000, responsiveClass: true, responsive: { 0: { items: 1, nav: true }, 600: { items: 1, nav: false }, 1000: { items: 3, slideBy:3, nav: true, loop: true, margin:25 } } }) $('.owl-two').owlCarousel({ loop: true, margin:5, autoplay: true, autoplayTimeout: 3000, responsiveClass: true, responsive: { 0: { items: 1, nav: true }, 600: { items: 1, nav: false }, 1000: { items: 1, slideBy: 1, nav: true, loop: false, margin:0 } } }) }) /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropdown-content"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } $("#searchbar .search-label").on("click", function(e){ e.preventDefault(); $("#searchbar").toggleClass("collapsed"); }); </script></body></html>
