点击按钮改变禁用，在点击同一个按钮还原怎么做？

<button>按钮</button>

<button>按钮1</button>

点击按钮 按钮1变成禁用状态，再次点击按钮时按钮1还原可用

---

//css
.red{
background-color:red;
}
//html
<button>按钮</button>

<button id="btn1">按钮1</button>
//js
$("#btn1").on("click",function(){
   if( $(this).hasClass("red")){
        $(this).removeClass("red");
    }else{
        $(this).addClass("red");
    }
})

我的做法就是点击btn时判断是否有red的类有的话就删除这个类这样就显示原来的背景了没有的话就加上这个类这样就显示这个类的背景了

---

$('#btn1').on('click', function () {
    $(this).toggleClass('red');
});