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: #6699FF;
    -webkit-transition:0.25s;
}

.fa-close{
    
    -webkit-transform:rotate(45deg);
    color:#FF0000;
    
}

JavaScript

$(".fa-plus").click(function() {
    $(this).toggleClass('fa-close');
    
    if(!$(this).hasClass('fa-close'))
        alert('closing!');
});