JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="div1" class="navBox"> </div>
<br />
<div id="div2" class="navBox"> </div>

CSS

.navBox
{
	width:150px;
	height:150px;	
	background-color:#004C7E;
	box-shadow: 5px 5px 2px #D9E4EC;
	
	position:relative;
}

JavaScript

$( "#div1" ).mouseover(function() {
	$( "#div1" ).effect("bounce", "slow");
});

$( "#div2" ).mouseover(function() {
	$( "#div2" ).effect("bounce", "slow");
});