jquery幻灯片后显示过滤器

Question

我有一个过滤器操作，我希望每个div淡入或淡出的方式工作;然而，当divs淡出或在，而不是只是跳过，我想看到他们幻灯片到位。

http://theoaks.turnpostadmin.com/floor-plans/

我可以添加什么这个要做到这一点像jquery.easing什么

这里是我迄今

$(document).ready(function() { 
    $('#filter a').click(function() { 
     $(this).css('outline','none'); 
     $('#filter .current').removeClass('current'); 
     $(this).parent().addClass('current'); 

    var filterVal = $(this).text().toLowerCase().replace(' ','-'); 

    if(filterVal == 'all') { 
     $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden'); 
    } else { 

     $('ul#portfolio li').each(function() { 
      if(!$(this).hasClass(filterVal)) { 
       $(this).fadeOut('normal').addClass('hidden'); 
      } else { 
       $(this).fadeIn('slow').removeClass('hidden'); 
      } 
     }); 
    } 

    return false; 
    }); 
    }); 

感谢

杰米

Answer 1

如果你只是想让它们滑动上下而不是淡入和淡出，您可以使用内置动画：.slideUp()和.slideDown()。

如果你想让他们先淡出，然后效果基本show，你可以这样做：

$(this).fadeTo('normal', 0).slideUp('normal').addClass('hidden'); 

不能使用.fadeOut()因为当它这样做，它会隐藏其将保持.slideUp()从工作对象。但是，如果您使用.fadeTo()，则只会更改不透明度，然后您可以运行.slideUp()。