scripts.js 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. 'use strict';
  2. (function ($) {
  3. $(document).ready(function () {
  4. var $header = $('.header'),
  5. $search = $('.fa-search', $header);
  6. // 1. Search Popup
  7. if ($search.length) {
  8. var $boxSearch = $('.box-search', $header);
  9. $search.on('click', function (event) {
  10. event.preventDefault();
  11. $boxSearch.addClass('active');
  12. $('.search-field', $boxSearch).focus();
  13. });
  14. $('.kd-close', $boxSearch).on('click', function (event) {
  15. event.preventDefault();
  16. $boxSearch.removeClass('active');
  17. });
  18. $(document).on('keydown', function (event) {
  19. if (event.keyCode === 27) {
  20. $boxSearch.removeClass('active');
  21. }
  22. });
  23. }
  24. // 3. Menu Mobile
  25. var $btnMenu = $('.menu-mobile'),
  26. $hideMenu = $('.hide-menu');
  27. $btnMenu.on('click', function () {
  28. $header.toggleClass('active');
  29. if ($header.hasClass('active')) {
  30. $hideMenu.addClass('active');
  31. }
  32. else {
  33. $hideMenu.removeClass('active');
  34. }
  35. });
  36. $hideMenu.on('click', function () {
  37. $header.removeClass('active');
  38. $hideMenu.removeClass('active');
  39. });
  40. $('.menu-item-has-children', '.main-menu').on('click', ' > a', function (e) {
  41. var ww = $(window).width();
  42. if (ww <=991) {
  43. var $parent = $(e.target).closest('.menu-item-has-children');
  44. e.preventDefault();
  45. $('>.sub-menu', $parent).slideToggle(400);
  46. }
  47. });
  48. // 5. Preload
  49. var $preload = $('#preload');
  50. if ($preload.length) {
  51. $(window).on('load', function () {
  52. $preload.fadeOut(400);
  53. });
  54. }
  55. });
  56. })(jQuery);