JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
<div id="box" class="purple">The box</div>

CSS

#box {
    height: 100px;
    width: 100px;
    color: #fff;
}

.purple {
    background: purple;
}

.green {
    background: green;   
}

JavaScript

$('#box').click(function() {
    $(this).addClass('green').removeClass('green', 500);
});