slideUp相关的UI设计

Question

我正在研究一个在http://jsfiddle.net/nudeape/CZsjw/1/

中可见的UI概念

我希望当我点击“更多”时，额外的文字会向上滑动，超级容器（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/