<button id="addClassButton" aria-hidden="true">addClass</button><button id="removeClassButton" class="active">removeClass</button><button id="toggleClassButton">toggleClass</button>
button{
  display: block;
  margin-bottom: 15px;
}
button.active{
  background-color: fuchsia;
}
jQuery('#addClassButton').click(function(){
  jQuery(this).addClass('active');
});
jQuery('#removeClassButton').click(function(){
  jQuery(this).removeClass('active');
});
jQuery('#toggleClassButton').click(function(){
  jQuery(this).toggleClass('active');
});
jQuery('#addClassButton').attr('aria-hidden', false)

Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js