$.fn.searchHeader = function()

in src/assets/js/main.js [1026:1061]


  $.fn.searchHeader = function (options) {
    var settings = $.extend(
      {
        open: '.search-input-open',
        close: '.search-input-close',
        input: '#lunrsearch',
      },
      options
    );

    var $container = this;
    var $open = $(settings.open);
    var $close = $(settings.close);
    var $input = $(settings.input);

    $open.on('click', function () {
      $input.val('');
      $container.velocity('transition.slideRightIn', {
        duration: 450,
        display: 'flex',
        complete: function () {
          $input.focus();
        },
      });
    });

    $close.on('click', function () {
      $container.velocity('transition.slideRightOut', { duration: 450 });
    });

    $(document).on('keyup.searchheader', function (e) {
      if (e.key == 'Escape') {
        $container.velocity('transition.slideRightOut', { duration: 450 });
      }
    });
  };