JSFiddle - React, Tailwind, and code Playground

by Cwalkdawg

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://vitalets.github.io/x-editable/assets/x-editable/jqueryui-editable/js/jqueryui-editable.js"></script>
<link rel="stylesheet" href="http://vitalets.github.io/x-editable/assets/x-editable/jqueryui-editable/css/jqueryui-editable.css">
<div>
Some text inside a div
</div>
<a href="javascript:void(0)" id="activate">Click</a>

JavaScript

$(activate).bind("click", function() {
	var $el = $("div"), 
  		oldColor = "";
      
	$el.animate(function() {
  	oldColor = $(this).css("background-color");
    return {"background-color": "#ff0000"}
  }).animate({
  	"background-color": oldColor
  });
})