(function ($) { "use strict"; //Js code for search box $(".first_click").on("click", function () { $(".search-box-text").addClass("search_box"); $(".search-wrapper").addClass("hide-show"); $(".search-box-text").addClass("SlideUpIn"); $(".search-box-text").removeClass("SlideDownOut"); }); $(".second_click").on("click", function () { $(".search-box-text").removeClass("search_box"); $(".search-wrapper").removeClass("hide-show"); $(".search-box-text").removeClass("SlideUpIn"); $(".search-box-text").addClass("SlideDownOut"); }); $(window).on('scroll', function () { if ($(this).scrollTop > 100) { $('.main-navigation').addClass('affix'); } else { $('.main-navigation').removeClass('affix'); } }); /* ========== Menu icon color ========== */ $('.main-menu-icon').css('color', function () { var iconColorAttr = $(this).data('fa-color'); return iconColorAttr; }); /* ========== Horizontal navigation menu ========== */ if ($('.main-header').length) { var mainHeader = $('.main-header'), mainHeaderHeight = mainHeader.height(), barMenu = mainHeader.find('.bar-menu'), mainMenuListWrapper = $('.main-menu > ul'), mainMenuListDropdown = $('.main-menu ul li:has(ul)'); /* ========== Dropdown Menu Toggle ========== */ barMenu.on("click", function () { $(this).toggleClass('menu-open'); mainMenuListWrapper.slideToggle(300); }); mainMenuListDropdown.each(function () { $(this).append(''); $(this).addClass('dropdown_menu'); }); $('.dropdown-plus').on("click", function () { $(this).prev('ul').slideToggle(300); $(this).toggleClass('dropdown-open'); }); $('.dropdown_menu a').append(''); } })(jQuery);