Jquery成长/收缩Div onclick

Question

我想知道如何实现在http://thekitchencommunity.com/找到的效果 在厨房部分发生了什么（左下）。有人可以提出类似的逻辑吗？

我必须说

非常好

Answer 1

http://jsfiddle.net/CUJSM/3/

这是一个关于那里正在发生的事情的一个确切的例子......它的风格并不那么精彩，所以要运用你的想象力。

Answer 2

请参阅此JSFiddle：http://jsfiddle.net/uP8Tj/

在jQuery中使用slideUp和slideDown方法。

Answer 3

他们将div偏移移动到相对于屏幕底部的负值。如果您尝试在它启动之前滚动它，您会注意到可以将其向下拖动。

之前我这样做的方法是使用jQuery animate效果。尝试在移动时改变不透明度也很有趣！

但是无论如何，在点击时换出箭头图像并将包含div的动画从相对于底部的负值动画为零。