JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.0.5/css/themes/tooltipster-shadow.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.0.5/css/tooltipster.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.0.5/js/jquery.tooltipster.min.js"></script>
<div alt="" class="tooltip0" title="" >Hover on me</div>
<img src="" id="students" />

JavaScript

$(document).ready(function() {
	$('.tooltip0').hover(
		function() { 
			$('#students').attr('src','http://www.impexsoftdesign.com/images/stories/weird-and-funny-facts/lion.jpg');
        },
        function() {
			$('.tooltip0').tooltipster({
				content: $('<div id="mikrah">test hover div</div>'),
				delay: 0,
				theme: 'tooltipster-shadow',
				contentAsHTML: true
			});
        }).mouseout(function() {
			$('#students').attr('src','http://cdn.oxwordsblog.wpfuel.co.uk/wpcms/wp-content/uploads/Lion_iStock_XSmall-300x300.jpg?24a0bc');
		});
});