function - 在 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'});
   }
});