Jquery成长/收缩Div onclick

时间:2012-06-26 17:29:28

标签: jquery hide show

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

我必须说

非常好

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

在jQuery中使用slideUp和slideDown方法。

答案 2 :(得分:0)

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

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

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