我有两个div横幅,有相应的CSS箭头.单击横幅时,javascript会在显示和隐藏下面的文本之间切换.同样,相应的箭头在文本显示时向下旋转,在隐藏文本时向后旋转.

现在,我希望我的第一个div横幅在页面首次加载时自动显示.但是,当我绘制CSS箭头时,由于div的填充,我无法使第一个div中的箭头与后续div中的箭头相同并正确排列.

http://jsfiddle.net/nVuQ2/1/

我试过弄乱箭头的位置：

.tri0 {
    margin-left: 20px;
    margin-top: 5px;
}

但我能做的最好的事情就是将tri0箭头向上推到h3标签的填充处,它不再向前移动.

有没有办法可以在toggleClass中设置切换标记,使其说第一个div横幅已经切换,后续点击使其无法切换？