내가 JQuery와

Question

으로 1 0 불투명도에서 숨겨진 요소를 slideDown 할 수있는 내가 얼마나 그 사용 JQuery와 프로토 타입 라이브러리 아래 같은 코크스 :

 new Effect.SlideDown(this.imageDataContainer, { sync: true, duration: this.resizeDuration, from: 0.0, to: 1.0 }), 
     new Effect.Appear(this.imageDataContainer, { sync: true, duration: this.resizeDuration }) 

이 코드 포스 1에 0 불투명도에서 아래로 슬라이딩에 imageDataContainer 요소 불투명.

어떻게 jquery.com 웹 사이트에서 새로 다운로드 한 jquery 라이브러리로 상위 코드를 구현할 수 있습니까?

slideDown의 구문은 다음과 같다 : http://www.w3schools.com/jquery/eff_slidedown.asp

내가 slideDown 그리고 fadeTo 기능이 JQuery와의 작업 방법을 알고있다/그러나 나는 위 코드처럼 그들을 어떻게 결합 할 수 있습니다?

나는 아래의 코드를 테스트 -하지만 u는 불투명도 변경 수 없습니다 - - - 도중 - 을 토글 :

  $('#lightbox-container-image-data-box').animate({ 
      opacity: 0, 
      height: 'toggle', 
      opacity: 1 
      }, 400, function() { 
      // Animation complete. 
      }); 

덕분에 4 관심이에 대한

Answer 1

사용 animate(). 애니메이션을 사용하면 요소의 임의의 수만큼 속성을 애니메이션으로 만들 수 있습니다.

확인 아래 여기에 코드의 데모 : http://jsfiddle.net/chrisramakers/8ewEp/

$('#book').hide(); 
$('#book').animate({ 
    opacity: 'toggle', 
    height: 'toggle' 
});