jQuery：在click事件上更改类

我正在使用jQuery来显示和隐藏面板。 上面有一个小箭头图像，隐藏和显示也会改变。 我的代码是

现在，在面板打开时添加一个类to_up，在面板关闭时添加to_down。 我有各自的向上和向下箭头图像。

有人可以帮我在’toppanelarrow’的点击事件上添加一个jQuery，这样就可以将新类添加到span中。

我尝试了$().addClass().removeClass()但这没有用。

更新：请找到小提琴实现http://jsfiddle.net/B5QUj/4/

谢谢

Answer 1

如果要在元素上开一个类：

 $('#foo').on('click', function () { $(this).toggleClass('to_up to_down'); });​ 

是你所需要的全部。

演示： http ： //jsfiddle.net/kXNk8/

Answer 2

此外，你可以尝试

 $(this).toggleClass('classname'); 

Answer 3

您应该尝试（如果span具有类to_up，则会添加类to_down

 $('#toppanelarrow').click(function(){ if($(this).hasClass('to_up')){ $(this).addClass('to_down').removeClass('to_up'); }else{ $(this).addClass('to_up').removeClass('to_down'); } }); 

这也可以写

 $('#toppanelarrow').click(function(){ $(this).toggleClass('to_up to_down').; }); 

Answer 4

要获得想要的效果：

HTML：

  
 Tekst  

JS：

 $(document).ready(function(){ $("#btn").click(function(){ $(".box").toggle(); }); }); 

Answer 5

尝试：

 $("#yourClassID").addClass("cssClass");