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