用于展开框的浮动箭头(jQuery)

时间:2012-08-25 13:00:47

标签: javascript jquery css

我无法在页面上的扩展div中添加一点“V”箭头。 我希望坐在div的边界上,当div扩展时向下移动(并可能转向“^”箭头)

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

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

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

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

*更新了标签

1 个答案:

答案 0 :(得分:2)

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

我们走了:http://jsfiddle.net/tJugd/1091/

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

编辑 - 刚刚更新了演示,将箭头置于中心位置!

FINAL EDIT - 添加了额外的css和html,将箭头放在白色容器div中