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()。