Jquery增长/收缩Div onclick

我想知道如何达到以下效果： 在“厨房发生了什么”部分（左下角）。有人能提出类似的逻辑吗

非常好，我必须说

看到这个JSFiddle:

在jQuery中使用slideUp和slideDown方法。

---

这里有一个确切的例子说明那里正在发生的事情。。。。它的样式没有那么好，所以请发挥你的想象力。

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

我以前做过的方法是使用jQuery效果。在移动时尝试更改不透明度也很有趣

---

但无论如何，在单击时交换箭头的图像，并将包含的div从相对于底部的负值设置为零

没问题。如果您想让一个箭头从向下箭头变为向上箭头，那么只需要向该函数添加一个If语句。它将只添加一个类并从该箭头所在的DIV中删除一个类。我可以编辑JSFIDLE并重新链接它，如果您正在这样做的话。