JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<img src="http://i.imgur.com/vTdko.gif" class="busy right"/>
<input id="button" type="button" value="click me"/>
<img src="http://i.imgur.com/vTdko.gif" class="busy left"/>
<div>
CSS
.busy
{
opacity: 0;
border:solid 1px black;
}
.left
{
margin-top:3px;
float:left;
}
JavaScript
$(function() {
$("#button").click(function(){
var opacity = $(".busy").css('opacity') == 1 ? 0 : 1;
$(".busy").animate({opacity: opacity}, 1000);
});
});