JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content headline vision ">
     <div class="show-price_1" style="display:none;">FREE</div>
     <img width="200" class="price-img" src="http://www.seznam.cz/st/img/2011//logo.png" data-id="1"></img>
</div>

<div class="content headline vision ">
     <div class="show-price_2" style="display:none;">166</div>
     <img width="200" class="price-img" src="http://www.seznam.cz/st/img/2011//logo.png" data-id="2"></img>
</div>

<div class="content headline vision ">
     <div class="show-price_3" style="display:none;">177</div>
     <img width="200" class="price-img" src="http://www.seznam.cz/st/img/2011//logo.png" data-id="3"></img>
</div>

JavaScript

$(document).ready(function(){
		
		$(".price-img").mouseover(function(){
			$(".show-price_"+$(this).data('id')).show("slow");
		});
		
		$(".price-img").mouseleave(function(){
			$(".show-price_"+$(this).data('id')).hide(1000);
		});
		
      });