CSS箭头指向当前选定的li元素

Question

这是我的jsfiddle示例：

http://jsfiddle.net/7PqqT/

更新：这是我的解决方案：http://jsfiddle.net/7PqqT/1/
然而我想实现同样的效果，而不需要在每个li元素中都有箭头div。

现在我要做的是将jquery addClass（'current'）用于用户点击的3 li元素中的任何一个，并且我希望箭头显示在该元素中心的li元素下方文本。我不确定这样做的最好方法，我希望有一个简单的方法可以做到这一点。

Answer 1

在这里，I updated your JSFiddle。

基本上，我刚刚完全删除了箭头div，并将与箭头相关的CSS更改为:before和:after伪元素。像魅力一样。