JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="72782947">
            <span class="localAdName">Hyundai H200</span>
        </a>
        <div class="hideThumb">
            <img src="http://news.regtorg.ru/imgs/news/17043-photo.jpg" class="test" />
        </div>
        <span class="adPrice">4200 €</span>
        <span class="adDate">23 decembrie 2014</span>
    </li>
    <li>
        <a href="72782947">
            <span class="localAdName">Lada 2107</span>
        </a>
        <div class="hideThumb">
            <img src="http://news.regtorg.ru/imgs/news/17046-photo.jpg" class="test" />
        </div>
        <span class="adPrice">2200 €</span>
        <span class="adDate">23 decembrie 2014</span>
    </li>
    <li>
        <a href="72782947">
            <span class="localAdName">Volkswagen LT-35</span>
        </a>
        <div class="hideThumb">
            <img src="http://news.regtorg.ru/imgs/news/17034-photo.jpg" class="test" />
        </div>
        <span class="adPrice">5500 €</span>
        <span class="adDate">23 decembrie 2014</span>
    </li>
</ul>

CSS

.test {
    display: none;
    position: fixed;
}

.active {
    color: white;
}

.mora {
    position: fixed;
}

.localAdName {
    height: 14px;
    width: 14px;
    background-image: url("zoom.png");
    background-repeat: no-repeat; 
}

JavaScript

$().ready(function() {
	$('.localAdName')
	.mouseover(function(e) {
		var o = e.pageX + 5; // axa orizontala
		var n = e.pageY + 5; // axa verticala


		$(this).closest("li").find('.test')
		.css({ 'display' : 'inline-block' })
		.css({ 'top' : n })
		.css({ 'left' : o })
	})
	.mouseout(function() {
		$(this).closest("li").find('.test').css({
			'display': 'none'
		});
	});	
});