JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<div class="submit">
    <i class="fa fa-plus" title="New Post" id="test"></i>
</div>

CSS

.fa-plus {
    cursor: pointer;
    font-size: 24px;
    color: #69f;
}

JavaScript

$(".fa-plus").click(function () {
    var io = this.io ^= 1;
    $(this).css({
        transform: "rotate("+ (io?45:0) +"deg)",
        color: io?"#f00":"#69f",
        transition:"0.25s"
    });
});