Javascript Jquery/JS-如何切换元素的:after、:before?

Javascript Jquery/JS-如何切换元素的:after、:before?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有以下问题,如何切换元素的:befor和:after的显示 acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19 这里是jsfiddle-> acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19 在css中,您可以看到 acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19 您

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

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
这里是jsfiddle->

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
在css中,您可以看到

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

您可以将它们始终设置为
display:none
,并在
#acc btn
元素上使用一个条件,例如一个类,以使伪对象的可见性受制于该类

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
#acc-btn.show:after, #acc-btn.show:before {
    display: block;
}
然后,您可以在主元素上轻松切换此类:

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
$("#acc-btn").toggleClass("show");

您可以将它们设置为始终显示:无,并在
#acc btn
元素上使用一个条件,例如一个类,使伪对象的可见性受制于该类

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
#acc-btn.show:after, #acc-btn.show:before {
    display: block;
}
然后,您可以在主元素上轻松切换此类:

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
$("#acc-btn").toggleClass("show");

您可以将它们设置为始终显示:无,并在
#acc btn
元素上使用一个条件,例如一个类,使伪对象的可见性受制于该类

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
#acc-btn.show:after, #acc-btn.show:before {
    display: block;
}
然后,您可以在主元素上轻松切换此类:

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
$("#acc-btn").toggleClass("show");

您可以将它们设置为始终显示:无,并在
#acc btn
元素上使用一个条件,例如一个类,使伪对象的可见性受制于该类

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
#acc-btn.show:after, #acc-btn.show:before {
    display: block;
}
然后,您可以在主元素上轻松切换此类:

acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19
$("#acc-btn").toggleClass("show");

您所说的切换是什么意思?如果你把它放在css中,它就会永远存在。除非您使用javascript或新类重写。您不能这样做,因为从技术上讲,伪类
:after
:before
的内容不属于DOM。当然,您可以添加和删除CSS中有
:after
:before
的类。切换是什么意思?如果你把它放在css中,它就会永远存在。除非您使用javascript或新类重写。您不能这样做,因为从技术上讲,伪类
:after
:before
的内容不属于DOM。当然,您可以添加和删除CSS中有
:after
:before
的类。切换是什么意思?如果你把它放在css中,它就会永远存在。除非您使用javascript或新类重写。您不能这样做,因为从技术上讲,伪类
:after
:before
的内容不属于DOM。当然,您可以添加和删除CSS中有
:after
:before
的类。切换是什么意思?如果你把它放在css中,它就会永远存在。除非您使用javascript或新类重写。您不能这样做,因为从技术上讲,伪类
:after
:before
的内容不属于DOM。当然,您可以添加和删除CSS中有
:after
:before
的类。这很好,但我有一个新问题,我只能用HTML切换按钮,但在JSFIDLE中,它也可以用$(“#acc bn”)。on(“click”,function(){这很好,但我有一个新问题,我只能用HTML切换按钮,但在JSFIDLE中它也可以用$(“#acc bn”)。在(“单击”,函数(){这很好,但我有一个新问题,我只能用HTML切换按钮,但在JSFIDLE中它也可以用$(“#acc bn”)。在(“单击”,函数()){这很好,但我有一个新问题,我只能用HTML切换按钮,但在JSFIDLE中,它也可以与$(“#acc bn”)一起工作{
acc-btn:after, acc-btn:befor{display:[toggle this]} on line 19