javascript - 在按钮处于事件状态时更改按钮的 css

Question

我想在元素 btn1(它的一个按钮)处于事件状态时更改它的 CSS。 只要显示“故事”，我就想看起来不一样(按下时显示 div，只要显示 div，我希望按钮的颜色与普通 css 不同)

$(function() {
    $('#btn1').on('click', function() {
        $('#story').fadeToggle(400);
    }); 
});

Answer 1

$('#btn1').on('click', function() {
 $(this).toggleClass('active'); // add/remove a css class
 $('#story').fadeToggle(400);
}); 

在你的CSS中添加

.active{
// styles you wish to apply
}