在jQuery上使用.addClass后切换类

Question

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

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

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

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

非常感谢你！

Answer 1

您可以使用jQuery的toggleClass()方法代替addClass()来实现此目的。

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

jsFiddle here.

Answer 2

而不是在你的点击上做addClass（“hola2”）。 to toggleClass（“hola2”）。

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