javascript - 在 jQuery 上使用 .addClass 后切换类

Question

我现在有一些问题：http: //jsfiddle.net/jalxob/WkWyc/1/

$(".show_hide").addClass( "hola1" );

“显示”链接为绿色，当我单击它以显示 div 时，它变为黄色，但是当我再次单击它以隐藏 div 时，“显示”链接仍为黄色。

有没有办法把它变成绿色（默认类）？

太感谢了！

Answer 1

您将使用 jQuery 的toggleClass()方法而不是addClass()来实现这一点。

$(".show_hide").toggleClass("hola2");

jsFiddle在这里。

Answer 2

而不是在单击时执行 addClass("hola2") 。做toggleClass（“hola2”）。

如果该类存在，这将删除该类，否则将添加该类。