jquery - slideUp相关UI设计

Question

我正在研究一个 UI 概念，可以在这里看到 http://jsfiddle.net/nudeape/CZsjw/1/

我希望当我点击“更多”时，额外的文本会向上滑动，并且 super 容器 (li.update) 的整体高度会相应增加。 li.update 的底部应保持原样，其上边缘应向上滑动，与“标题”文本及其上方的行重叠。

有人可以帮帮我吗？？

Answer 1

非常好的想法。你只是遇到了一个非常简单的问题。

您的 css 有一个小错误。

如果你改变这个:

.update ul.expand{
    display:none;
    position:absolute;
    bottom: 25px;
}

为此:

​.update ul.expand{
    display:none;
}

效果很好!

这是固定的jsFiddle http://jsfiddle.net/CZsjw/11/