Как заставить работать без перезагрузки страницы?

Question

[sugarufc]

Имеется вот такой код

<div class="sort">
  <form action="">
    <select name="" id="">
      <option value="item1">Item 1</option>
      <option value="item2">Item 2</option>
      <option value="item3">Item 3</option>
    </select>
  </form>
</div>

<div class="tmp">
  <div class="item item3">
    <img src="http://placehold.it/100x100" alt="">
  </div>
  <div class="item item1">
    <img src="http://placehold.it/100x100" alt="">
  </div>
  <div class="item item2">
    <img src="http://placehold.it/100x100" alt="">
  </div>
  <div class="item item3">
    <img src="http://placehold.it/100x100" alt="">
  </div>
</div>

необходимо сделать так чтоб при выборе определенной категории в select, например Item1, появлялись только картинки данной категории без перезагрузки страницы, например как это реализовано вот здесь frontendbookshelf.ru Подскажите пожалуйста кто знает как такое можно сделать, либо подскажите какие плагины нужны или где можно про это прочитать, дальше я уже сам.
Знаю один такой плагин https://mixitup.kunkalabs.com/ только вот с select он работать не хочет.

Answer 1

[Сергей Андреев]

Да тут не нужен плагин

вот пример на jQuery: jsfiddle.net/gL8fz6ws