Как я могу SlideDown скрытый элемент от 0 непрозрачности до 1 с помощью JQuery

Question

У меня есть кокс, как показано ниже, с использованием библиотеки прототипов 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 }) 

этот код заставляет элемент imageDataContainer скользить вниз от 0 непрозрачности до 1 непрозрачности.

как я могу реализоватьверхние коды с новой загруженной библиотекой jquery с веб-сайта jquery.com?

синтаксис slideDown выглядит следующим образом: http://www.w3schools.com/jquery/eff_slidedown.asp

я знаю, как функции slideDown и fadeTo работают в jquery / но какМогу ли я объединить их, как верхние коды?

я проверяю приведенный ниже код - но вы не можете изменить непрозрачность - - В ТЕЧЕНИЕ - - переключение:

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

спасибо 4 внимания

Answer 1

Для этого используйте animate () . С помощью animate вы можете анимировать любое произвольное количество свойств элемента.

Проверьте демонстрацию кода ниже здесь: http://jsfiddle.net/chrisramakers/8ewEp/

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