JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jqueryrotate.googlecode.com/files/jQueryRotate.2.2.js"></script>
<div id="div1">This is Div#1</div>
<br/>
<div id="div2">This is Div#2</div>

CSS

#div1 {
    background-color:green;
    color:white;
    font-family: Arial;
}
#div2 {
    background-color:green;
    color:white;
    font-family: Arial;
}

JavaScript

$("#div1").click(someFunction);
$("#div2").click(function(){ 
        //Getting the current angle
        var curAngle = parseInt($(this).getRotateAngle()) || 0;
        $(this).rotate({
            angle: curAngle,
            animateTo: curAngle - 30,
            duration: 1000
        });
    });

function someFunction() {
    $("#div1").html("Clicked me");
    $("#div1").css({
        "background-color": "black"
    });
}

function someFunction2() {
    $("#div2").animate({
        rotate: '+=-40deg'
    }, 0);
}