javascript - Jquery/JS - 如何切换 :after, :befor of an element?

Question

我有以下问题，如何切换元素的 :befor 和 :after 的显示？

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

在css中你可以看到

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

Answer 1

您可以始终将它们设置为 display:none，并在 #acc-btn 元素上使用条件，例如类，以限制伪装成有这个类...

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

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

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

Updated Fiddle