Function 在jQuery中单击后删除CSs

Function 在jQuery中单击后删除CSs,function,jquery,Function,Jquery,我有这样的结构: $('.user_adr_edit div a').click(function(){ $(this).css('width', '210px'); }); 它起作用了。但我希望,当再次单击时,删除width:210px 必须使用解除绑定、删除或其他解决方案?您应该使用css规则来更改css属性 $('.user_adr_edit div a').click(function(){ if($(this).css('width') != '210px'){ $

我有这样的结构:

$('.user_adr_edit div a').click(function(){
$(this).css('width', '210px');
});
它起作用了。但我希望,当再次单击时,删除
width:210px


必须使用
解除绑定
删除
或其他解决方案?

您应该使用css规则来更改css属性

$('.user_adr_edit div a').click(function(){
   if($(this).css('width') != '210px'){
      $(this).css({'width':'210px'});
   }
   else{
      $(this).css({'width':'0px'});
   }
});
CSS

a.wide{
   width:210px;
}
只需添加/删除该类

$('.user_adr_edit div a').click(function(){
    $(this).toggleClass('wide');
});

是否需要切换宽度..?是否要切换功能?所以1。单击:添加宽度,2。单击:删除宽度,3。单击:添加宽度等等?@zenith说实话,我从来没有使用过toggle。但是像@gabykag.Pertioli answers中的toggle看起来是一种更好的方法,我不会:toggle从1.8开始就被弃用,在1.9中被删除:@cdmckay谢谢你的信息!现在我很高兴我从来没有使用过它。另外,最好使用
.css('width','')
恢复到以前的状态,而不是将其设置为
0