JSFiddle - React, Tailwind, and code Playground
HTML
<div class="arrow"> > </div>
CSS
.arrow {
background: black;
color: white;
width: 60px;
height: 30px;
text-align: center;
}
JavaScript
$(".arrow").on("click", function () {
$(".arrow").toggleClass("rotate").css({
"-moz-transform": "rotate(-90deg)",
"-webkit-transform": "rotate(-90deg)",
"-ms-transform": "rotate(-90deg)",
"-o-transform": "rotate(-90deg)"
});
});