jQuery addClass example

Change class name on click in jQuery

by dbunt1tled

HTML

<div id="popup_expert" style="" class="dt active"></div>
<a id="clickOk" href="#">OK</a>

CSS

#popup_expert {
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}
.active{
  background: red;
}
.no-activate{
  background: green;
}

JavaScript

$('#clickOk').on('click',function(e){
  e.preventDefault();
  var popup = $('#popup_expert');
  if(popup.hasClass('active')){
    popup.removeClass('active').addClass('no-activate');
  }
});