Javascript 在块中添加和删除类的动画

我想对一个类进行动画添加和删除

谷歌在谷歌网站上找到了关于这一转变的信息，但由于某些原因，它并没有起作用

当在块上单击按钮时，将添加一个具有css样式的类。在样式中，如果属性为：after，则该属性必须随动画出现和消失。 除此之外，如何实现这一点

$（'button.add'）。单击（函数（）{
$（'div.required'）.addClass（'required-empty'）；
setTimeout（函数（）{
$（'div.required'）.removeClass（'required-empty'）；
}, 5000);
});
。必需为空{
位置：相对位置；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
}
。必需为空：之后{
位置：绝对位置；
宽度：11px；
高度：11px；
线高：12px；
字体大小：30px；
文本对齐：居中；
右：-18px；
最高：50%；
颜色：#fa6464；
内容：“s”；
文本呈现：自动；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
-webkit转换：translateY（-50%）；
-莫兹变换：translateY（-50%）；
-ms转换：translateY（-50%）；
转化：translateY（-50%）；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
}
.必须{
位置：相对位置；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
宽度：100px；
高度：50px；
背景：#333；
左边距：100px；
}
。所需时间：在{
位置：绝对位置；
宽度：11px；
高度：11px；
线高：12px；
字体大小：20px；
文本对齐：居中；
左-18px；
最高：50%；
颜色：#E0E3；
内容：“R”；
文本呈现：自动；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
-webkit转换：translateY（-50%）；
-莫兹变换：translateY（-50%）；
-ms转换：translateY（-50%）；
转化：translateY（-50%）；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
}
.必选。必选红色：之前{
颜色：#fa6464；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
}

添加类
$（'button.add'）。单击（函数（）{
$（'div.required'）.addClass（'required-empty'）；
setTimeout（函数（）{
$（'div.required'）.removeClass（'required-empty'）；
}, 5000);
});
。必需{
位置：相对位置；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
宽度：100px；
高度：50px；
背景：#333；
左边距：100px；
}
。所需时间：在{
位置：绝对位置；
宽度：11px；
高度：11px；
线高：12px；
字体大小：20px；
文本对齐：居中；
左-18px；
最高：50%；
颜色：#E0E3；
内容：“R”；
文本呈现：自动；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
-webkit转换：translateY（-50%）；
-莫兹变换：translateY（-50%）；
-ms转换：translateY（-50%）；
转化：translateY（-50%）；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
}
.必选。必选红色：之前{
颜色：#fa6464；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
}
。必须为空{
位置：相对位置；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
}
。所需为空：之前{
位置：绝对位置；
宽度：11px；
高度：11px；
线高：12px；
字体大小：30px；
文本对齐：居中；
右：-18px；
最高：50%；
颜色：#fa6464；
内容：“s”；
文本呈现：自动；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
-webkit转换：translateY（-50%）；
-莫兹变换：translateY（-50%）；
-ms转换：translateY（-50%）；
转化：translateY（-50%）；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
}

addClass
如果需要，请记住，要添加/删除的类应该位于css文件中的主类下面