JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "menu">
	<div class = "buttons"><img id = "but1" src = "http://www.office.xerox.com/assets/images/xog/pages/smb/tips/red_square.jpg"/></div>
</div>

CSS

#menu
{
	width: 100px; height: 100px;
}

.buttons
{
	width: 50px; height: 50px;
}

JavaScript

$("#but1").hover(function()
	{
  		$(this).attr('src', 'http://www.office.xerox.com/assets/images/xog/pages/smb/tips/red_square.jpg');
	}, function()
	{
  		$(this).attr('src', 'http://www.iconsdb.com/icons/preview/royal-blue/square-rounded-xl.png');
	});