2013-04-10 5 views
1

.slideUp & .slideDown에 약간의 페이드를 적용하여 페이드로 위쪽으로 슬라이드 할 수 있습니까?.slideUp & .slideDown jQuery 함수에 페이드를 추가 할 수 있습니까?

options.trickerPanel.slideUp(function() { 
     $(this).html(value).slideDown(); 

여기에 SlideDown 함수들을 추가 http://jsfiddle.net/LtpHv/1/

+0

당신이 이것을 원한다면보십시오 http://jsfiddle.net/mohammadAdil/LtpHv/2/ –

+0

나는 당신이하고 싶은 것을 현재 구현하고 있다고 생각하지 않습니다. 요소의 맨 아래에 그라디언트 .png (50 % 투명, 50 % bg 색)를 넣을 수 있습니다. 그것이 위로 움직일 때, 그 바닥은 페이딩처럼 보일 것입니다. – Bill

+0

@BillyMathews 어떻게하면 코드에 추가할까요? – user2158255

답변

0

$(this).html(value).css('opacity', 0) 
    .slideDown('slow') 
    .animate(
    { opacity: 1 }, 
    { queue: false, duration: 'slow' } 
); 

Fiddle을 시도하여 바이올린에 변경 한

+0

.slideUp fadeOut은 어떻게 만들겠습니까? – user2158255

0

시도, 이것은이 일어날 애니메이션 걸리는 시간 (밀리 초), 예를 들면 전체 코드이다.

slideDown("Enter number here") 
slideUp("Enter number here", function(){ } 

나는

샘플 코드 http://jsfiddle.net/LtpHv/5/

+0

OP가 요청한 내용이 아닙니다 .. – Bill

1

무슨 잘못 간단한 서열로 uential fade + slide?

$('#a').fadeOut(); 
$('#a').slideUp(); 

두 가지 동작이 동시에 발생하여 멋진 페이드 효과를 줄 수 있습니다.