用javascript改变css

Question

所以我有一个链接,点击后,我希望它的css值改变.我可以用这个jquery代码做到这一点:

    $(".linkname").click(function(){
  $(this).css({'border-style' : 'solid', 'border-width' : '1px', 'border-color' : '#ec6163', 'color' : '#ec6163'});
  return false;
});

但是,当我再次单击带有更改的css值的链接时,我还希望链接的css值恢复正常.我尝试了一个if else句子,但它总是评估其他并且不起作用.我怎样才能做到这一点？

Answer 1

更好的是,将所有CSS放入一个类并使用toggleClass进行切换.

/* CSS */
.someclass { border: 1px solid #ec6163; color: #ec6163; }

/* JS */
$(".linkname").click(function(){
    $(this).toggleClass('someclass');
    return false;
});