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

Question

与 twitter 的 ux 类似，我想在列表中添加一个提要项，并在输入时将其向下滑动。

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

我学到了什么到目前为止，要使 SlideDown 工作，需要设置高度，而 min-height 不起作用。因此，鉴于提要项目的高度是可变的，我在将其注入页面后找到了高度。然后我设置高度，然后向下滑动。但由于某种原因，这不起作用，正如您在 jsfiddle 中看到的那样。 jQuery 报告的高度无效，高度错误，导致文本被截断。

有什么想法吗？更好的解决方案？谢谢

Answer 1

从 CSS 规则 #feedlist {} 中删除此声明：

height: 600px;

然后将 JavaScript 更改为：

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

请参阅更新的 fiddle 。