jQuery Show/Hide Image on Hover Anchor Link

<!doctype html>
<html lang="en">
<head>
<title>jQuery Show/Hide Image on Hover Anchor Link</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style>
body{
	padding:20px;
}
.mymultiplediv{
	cursor:pointer;
  }
.mymultiplediv{
	width: 150px;
    margin: 10px;
    padding: 10px;
    color: #2b96cc;    
    text-align: center;
}
ul li{
	display:inline;
}
.mydiv{
	display:none;
  	padding:10px;
  	text-align:center;
}
.mydiv img{
  margin: 0 auto;
}
.mydiv span{
	text-align: center;
    background: #ffdede;
    padding: 6px 10px;
    display: block;
    width: 100px;
    border: 1px solid #d47c7c;
    margin: 8px auto;
}
</style>
<script>
$(document).ready(function(){
	$('.mymultiplediv').mouseover(function() {
  		myvar = this.id;
  		$("div.mydiv").hide();
   		$('#div'+myvar).show();
	});
});
</script>
</head>
<body>
<h2>jQuery Show/Hide Image on Hover Anchor Link</h2>
<p class="text-center heading">Hover Below links to display images</p>
<div class="text-center">
  	<ul class="list-inline">
		<li><a href="#" class="mymultiplediv" id="one">First Image</a></li>
		<li><a href="#" class="mymultiplediv" id="two">Second Image</a></li>
		<li><a href="#" class="mymultiplediv" id="three">Third Image</a></li>
		<li><a href="#" class="mymultiplediv" id="fore">Forth Image</a></li>
	</ul>
</div>
<div class="mydiv" id="divone"><img src="https://tutorialdeep.com/images/user1.jpg" alt="Manager" class="img-responsive img-thumbnail"/><span>Manager</span></div>
<div class="mydiv" id="divtwo"><img src="https://tutorialdeep.com/images/user2.jpg" alt="HR" class="img-responsive img-thumbnail"/><span>HR</span></div>
<div class="mydiv" id="divthree"><img src="https://tutorialdeep.com/images/user3.jpg" alt="Developer" class="img-responsive img-thumbnail"/><span>Developer</span></div>
<div class="mydiv" id="divfore"><img src="https://tutorialdeep.com/images/user4.jpg" alt="Designer" class="img-responsive img-thumbnail"/><span>Designer</span></div>
</body>
</html>

Go to Tutorialdeep Homepage