如何很好地将前置项目向下滑动到列表中

Question

类似于twitter的ux，我想在列表中添加一个feed项，并在入口处设置SlideDown。

这是我在这里的尝试：http://jsfiddle.net/26jaw/9/

到目前为止我学到的是，要使slideDown工作，需要设置高度，min-height不起作用。因此，如果Feed项高度是可变的，我会在页面中注入后找到高度。然后我设置高度和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。