JSFiddle - React, Tailwind, and code Playground

HTML

<div id="rotate">rotate the other</div>
<div id="rotate2"> back to normal</div>

CSS

#rotate,#rotate2{
    width: 100px;
    height: 100px;
    background: red;
    margin: 50px;
    text-align: center
}

#rotate2.rotated{
    transform: rotate(90deg);
}

JavaScript

$('#rotate').click(function(){
	if(!$('#rotate2').hasClass('rotated')){
    $('#rotate2').toggleClass('rotated');
   }
});
$('#rotate2').click(function(){
	if($('#rotate2').hasClass('rotated')){
		$('#rotate2').removeClass('rotated');
  }
});