Javascript 用于展开框的浮动箭头（jQuery）

我在页面的扩展div中添加一个小“V”箭头时遇到问题。 我想坐在div的边界上，在div扩展时向下移动（可能会变成一个“^”箭头）

但我不知道如何让它漂浮在边境上，有谁能帮助我或告诉我如何解决这个问题吗

佩奇：（右下角的问题）

代码：

我现在在底部有一个箭头，所以当div打开时，顶部的箭头也可以消失，但不知道这是否更简单：p

---

*更新的标签

我会用稍微不同的方式来做。我会在打开和关闭时使用相同的div，但会更改类以便显示不同的图标

我们开始：

这就是你的意思吗？如果没有，请告诉我

编辑-刚刚更新了演示，将箭头放在中间

---

最终编辑-添加额外的css和html以将箭头放置在白色容器div中听起来不错，我从未真正使用过类，所以举个例子会很感激：PIt似乎没有完全工作：它没有完全打开，该死的箭头也不会居中我想我是这样做的，但福格特需要更新“.question”类。现在效果很好，唯一让我感到不舒服的是灰色的边框有点发胖，因为有箭头。这能解决吗？（顺便说一句，你太棒了）编辑：也许把箭头放在标题旁边可以解决这个问题。但他们一直拒绝坐在一起。为箭头添加了白色背景。