jquery-inputsearch-demo

by Glenn Dwiyatcita

HTML

<script src="https://unpkg.com/jquery-inputsearch@latest"></script>
<div id="demo">
  <div class="container">
    <style scoped>
      .container {
        margin: .4em 0;
      }

    </style>
    <input placeholder="Search" />
    <input class="input-search input-a" placeholder="Search" />
    <input class="input-search input-b" placeholder="Search" />
  </div>
  <button class="visibility-toggler">Toggle visibility</button>
</div>

JavaScript

$(function() {
  $('.input-a').inputSearch({
    searchIconVisible: false,
  });

  $('.input-b').inputSearch({
    onClear() {
      console.log('@onClear');
    },
  });

  const inputSearch = $('.input-search');
  $('.visibility-toggler').on('click', inputSearch.toggle.bind(inputSearch));
});