3 $(".quick-filter").each(function() {
4 let bookList = $('#' + $(this).data('for'));
5 let filterList = $('.' + $(this).data('filters'));
6 $(this).on('focus', function() {
7 filterList.addClass('filters-enabled');
9 $(this).on('blur', function() {
10 filterList.removeClass('filters-enabled');
12 $(this).on('input propertychange', function() {
13 let search = $(this).val().toLowerCase();
14 bookList.children().each(function() {
15 found = !search || $("h2", this).text().toLowerCase().search(search) != -1;
24 $(".l-books__sorting button").on('click', function() {
25 if ($(this).hasClass('is-active')) return;
26 $(".is-active", $(this).parent()).removeClass("is-active");
27 $(this).addClass("is-active");
28 let prop = $(this).attr('data-order');
29 $(".l-books__item").css('opacity', '0');
30 setTimeout(function() {
32 $(".l-books__item").each(function() {
33 $(this).css('order', $(this).attr(prop));
36 $(".l-books__item").css('order', '');
38 setTimeout(function() {
39 $(".l-books__item").css('opacity', '100%');