JSFiddle - React, Tailwind, and code Playground

HTML

<div class="arrowup">

</div>

CSS

div
{
    height: 100px;
    width:200px;
}

.arrowup
{
    background-color:orange;
}
.arrowdown
{
    background-color:red;
}

JavaScript

$(function() {
    var i = 0;
    $('div').on('click', function() {
       i++;
        if( i % 2 == 0){
            $(this).addClass('arrowup').removeClass('arrowdown');
        }
        else{
            $(this).addClass('arrowdown').removeClass('arrowup');
        }
    });
});