javascript - 用于扩展框的 float 箭头 (jQuery)

Question

我在向页面上展开的 div 添加一个小“V”箭头时遇到了问题。我想坐在 div 的边界上，并在 div 展开时向下移动(并可能变成“^”箭头)

但我不知道如何让它漂浮在边界之上，有人可以帮助我或告诉我如何解决这个问题吗？

页码:http://www.trulyscience.com/test/ (右下角的问题)

代码:http://jsfiddle.net/tJugd/1070/

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

*更新标签

Answer 1

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

开始吧:http://jsfiddle.net/tJugd/1091/

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

编辑 - 刚刚更新了演示以将箭头放在中心!

最终编辑 - 添加了额外的 css 和 html 以将箭头放置在白色容器 div 中