在jQuery中单击后删除CS [重复]

Question

我有这个结构：

$('.user_adr_edit div a').click(function(){
$(this).css('width', '210px');
});

它正在工作。但我想，当再次点击时，删除width:210px

必须使用unbind、remove或其他解决方案？

Answer 1

你应该使用 css 规则来改变 css 属性

CSS

a.wide{
   width:210px;
}

只需添加/删除类

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

Answer 2

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