JQuery анимировать вниз (высота элемента 100%)

Question

То, что я хочу сделать, может быть достигнуто с помощью:

 slideDown("fast");

Однако мне не нравится, как он показывает элемент, я хотел бы, чтобы он был на 100% от первоначальной высоты элементов и скатывался вниз. Мне интересно, есть ли простой способ сделать это? Кроме, возможно, изменения верхнего края и тому подобного, а затем его возвращения в нормальное состояние.

Пример того, что я хочу сделать: http://jsfiddle.net/7dary/1/ Однако я хотел бы, чтобы он просто выполнял все вычисления автоматически, и он не показывался в середине страницы, если он находится внизу страницы, и я лично назначил -200px или что-то еще.

Answer 1

Решение:

var $element = $("#itemToSlide"); // make sure its visible
var height = $element.height(); // get the height when its populated
$element.css({marginTop:height*-1}); // set it to 0 with an overflow hidden

// trigger the animate now or later in an event
$element.show().animate({marginTop:0},2200); 

ссылка: http://jsfiddle.net/MattLo/7dary/2/