Привет, в настоящее время я делаю проект, который требует от меня сортировки и фильтрации продуктов на странице с помощью jQuery. Мой скрипт отлично работает, показывая и скрывая результаты в зависимости от выбора пользователя, однако я хочу, чтобы анимация между переходами работала по-другому. Я уже установил их с помощью fadeOut и fadeIn. Но хотел использовать функцию .effects jQuery. Я не уверен, где я ошибаюсь или могу ли я вообще его использовать. Смотрите мой код ниже. Вот мой полный скрипт, использующий затухание.
$(document).ready(function() {
$('ul#filter a').click(function() {
$(this).css('outline','none');
$('ul#filter .current').removeClass('current');
$(this).parent().addClass('current');
var filterVal = $(this).text().toLowerCase().replace(' ','-');
if(filterVal == 'all') {
$('ul#selection li.hidden').fadeIn('slow').removeClass('hidden');
} else {
$('ul#selection li').each(function() {
if(!$(this).hasClass(filterVal)) {
$(this).fadeOut('slow').addClass('hidden');
} else {
$(this).fadeIn('slow').removeClass('hidden');
}
});
}
return false;
});
});
Ниже моя попытка использовать эффект со сгибом.
$('ul#selection li').each(function() {
if(!$(this).hasClass(filterVal)) {
$(this).effect('fold','slow').addClass('hidden');
} else {
$(this).fadeIn('slow').removeClass('hidden');
}
});
}
Может ли кто-нибудь указать, где я ошибаюсь?