Jquery/JS-如何切换元素的:after，:before

Jquery/JS - how to Toggle the :after, :befor of an element?

本文关键字：after before 元素 JS- 何切换 Jquery      更新时间：2023-09-26

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

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

在css中，您可以看到

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

您可以将它们始终设置为display:none，并在#acc-btn元素上使用一个条件，例如一个类，以使伪对象的可见性服从于拥有这个类。。。

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

然后，你可以很容易地在主元素上切换这个类：

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

更新的Fiddle

相关文章：