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

방금 ​​슬라이드하려는 경우 fadeIn 및 fadeOut 대신 위아래로, 내장 애니메이션 인 .slideUp() 및 .slideDown()을 사용할 수 있습니다. 당신이 먼저 페이드 아웃과 slideUp로합니다

, 당신은이를 사용할 수 있습니다 : 당신이 일을 끝낼 때, 그것은 작동 .slideUp()을 유지 할 객체를 숨 깁니다 때문에이 .fadeOut()을 사용할 수 없습니다

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

. 그러나 .fadeTo()을 사용하면 불투명도가 변경되고 .slideUp()을 실행할 수 있습니다.