Как красиво скользить вниз по готовому элементу в список

Question

аналогично ux в твиттере, я хочу добавить элемент ленты в список и сделать его SlideDown при входе.

Вот моя попытка: http://jsfiddle.net/26jaw/9/

Что я узналпока что для работы slideDown необходимо установить высоту, min-height не работает.Таким образом, учитывая, что высота элемента фида является переменной, я нахожу высоту после введения ее на страницеЗатем я устанавливаю высоту и slideDown.но по какой-то причине это не работает, как вы можете видеть в jsfiddle.Высота, сообщаемая jQuery, недопустима, а высота неверна, в результате чего текст обрезается.

Есть идеи?Лучшие решения?Спасибо

Answer 1

Удалите это объявление из правила CSS #feedlist {}:

height: 600px;

Затем измените свой JavaScript на:

item = $(content).prependTo("#feedList");
height = item.height();
item.hide();
item.css("height", height).slideDown();

См. Обновленный fiddle .