单击后将（+）符号更改为（ - ）（function（）{

Question

我无法在点击功能后从（+）符号更改为（ - ）符号。

我创造了一个小提琴这是我的问题：https://fiddle.jshell.net/yxdhxxj5/5/

我创建了jquery文件，但我无法解决问题。

Answer 1

请参阅以下更新的小提琴： https://fiddle.jshell.net/85s7b7jn/1/

关键是为.plus创建一个类（我称之为p.sidebarheading），将其:after伪元素的内容更改为+。然后当任何人点击父侧边栏时，使用样板jQuery打开或关闭该类。 （我为你的JS添加了一个jQuery依赖项，因为你应该至少使用它来处理这类东西。它会让你的生活更轻松。）

Answer 2

根据您的小提琴https://fiddle.jshell.net/yxdhxxj5/5/

更改以下JS和CSS代码

<强> JS：

     $('.sidebarheading').on('click', function () {

         $('.subsidebar').toggle().addClass('.sidebarheading:after');
                     $(this).toggleClass('plus');

     });

<强> CSS：

.plus.sidebarheading:after{
  content: '+';
}