JSFiddle - React, Tailwind, and code Playground

by Rafael Boschini

HTML

<div class="abre-dropdown icon-down-dir">
  OK
</div>

CSS

.icon-down-dir{
  background-color:green;
}

.icon-up-dir {
  background-color:red;
}

JavaScript

$(document).ready(function(){

$(".abre-dropdown").click(function(){
    $(this).toggleClass(function() {
      if ( $( this ).hasClass("icon-down-dir") ) {
        return "icon-up-dir";
      } else {
        return "icon-down-dir";
      }
    });
});

});