javascript - 更改为默认样式

Question

这段代码之后，按钮的css还是改了。当按钮未激活时，我想回到正常的 css。

JavaScript

$('#btn1').on('click', function() {
  $("#btn1").css({color:'red'})
  $('#story').fadeToggle(400);
});

HTML

<div id="story" style="display:none;">
    My div
</div>

<input id="btn1" type="button" value="Click Here" />

Answer 1

为什么不给那个按钮添加类？

$('#btn1').on('click', function(){
    $(this).toggleClass('active'); // If has class, removes it, otherwise, it adds that class
    $('#story').fadeToggle(400);
});