Jquery / JS - 如何切换:after,:之前的元素?

时间:2014-09-24 21:30:02

标签: javascript jquery html css

我有以下问题,如何切换显示:元素之前和之后?

这是jsfiddle - > http://jsfiddle.net/swb6dxhy/

在css中你可以看到

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19

1 个答案:

答案 0 :(得分:2)

您可以将它们始终设置为display:none,并使用#acc-btn元素上的条件(例如类)来使伪的可见性受到此类的影响...

#acc-btn.show:after, #acc-btn.show:before {
    display: block;
}

然后,您可以轻松地在主要元素上切换此类:

$("#acc-btn").toggleClass("show");

Updated Fiddle