JSFiddle - React, Tailwind, and code Playground

by penholder

HTML

<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<div id="foo">foo</div>
<div id="hiddenFoo">Hola soy foo</div>

CSS

#foo{background: #999; padding: 10px; width: 100px;}
#hiddenFoo{background: #FC0; padding: 20px; height: 300px; width: 200px;}

JavaScript

$(document).ready(function()
{
	$('#hiddenFoo').hide();
	//
	$('#foo').mouseover(function()
	{
		$('#hiddenFoo').fadeIn(300);
	});
	$('#hiddenFoo').mouseout(function()
	{
		$(this).fadeOut(300);
	});
    
});