ihk24/storybook/stories/components/search-form/search-form.js

import $ from 'jquery';

class IHKExtendedSearch {
  constructor(section) {
    this.section = section.addClass('initiated');

    $('#search-expand-collapse').on('click', (e) => {
      e.preventDefault();
      $(e.currentTarget).toggleClass('open');
      this.section.stop().slideToggle(500, 'swing');
    });

    section.find('.ev-search-btn').on('click', (e) => {
      e.preventDefault();
      console.log('click');
      const target = $(e.currentTarget);
      target.next('.ev-filter').stop().slideToggle(400, 'easeOutQuad');
      window.requestAnimationFrame(() => {
        target.toggleClass('open');
      })
    });

    section.find('.reset').on('click', (e) => {
      e.preventDefault();

      const form = $(e.currentTarget).closest('form');

      form[0].reset();
      form.find('.half-checked').removeClass('half-checked');

      $('html, body').animate({
        scrollTop: form.offset().top - 120
      }, 500, 'easeOutQuad');
    });

    /*
    $('.datepicker').each((i, el) => {
      $(el).datepicker({ changeYear: true, changeMonth: true});
    });
    */
  }
}

export default IHKExtendedSearch;

$('body').on('ihk-init dynamic-component-loaded', function () {
  $('.extended-search:not(.initiated)').each(function (i) {
    new IHKExtendedSearch($(this));
  });
});