Анимация при фильтрации div - PullRequest
Новая
       7

Анимация при фильтрации div

0 голосов
/ 14 ноября 2018

Я не могу понять, как это сделать, поэтому любая помощь будет признательна.

У меня есть поле поиска, и когда вы вводите его, оно просматривает атрибут данных и скрывает элементы div, которые не содержат правильных данных. Я хотел бы исчезнуть div, которые не имеют правильных данных. Я также хотел бы, чтобы они исчезли, когда вы очистите окно поиска. Я не могу понять, что мне нужно делать, использовать ли .fadeIn / .fadeOut или добавлять / удалять классы?

Это мой код для фильтрации: 

$("#filter").keyup(function(){
    var selectSize = $(this).val();
    filter(selectSize);
});

function filter(e) {
    if(e) {
        var regex = new RegExp('\\b\\w*' + e + '\\w*\\b', 'i');
        $('.oneStaff').hide().filter(function () {
            return regex.test($(this).data('regions'))
        }).show();
    } else {
        $('.oneStaff').show();
      }
}
...