При наведении исчезает блок как быть?

Question

[Артур Ялалтдинов]

Имеется кнопка like

<button type="button" onmouseenter="$('#likebox2').show()" onmouseleave="$('#likebox2').hide()"><i class="icon icon-heart"></i> 1</button>

и блок с пользователями которые поставили like изначально он скрыт

<div id="likebox2" class="likebox">
		<div class="likebox-header">
			1 пользователю это понравилось
		</div>
		<a href="http://localhost/2" style="float: left; padding: 5px; cursor: pointer;" title="@jamesbraga">
			<img alt="image" src="http://localhost/uploads/profile/24f79d14f9a71eac65dc330832883cc2.jpeg" height="32px" width="32px">
		</a>
	</div>

Суть проблемы такая, когда навожу на кнопку то при попытке перейти в блок с пользователями которые поставили лайк он исчезает. Как сделать так чтобы он не исчезал при переходе в этот блок, а исчезал только тогда, когда указатель находится за пределами блока или за пределами блока и самой кнопки.

Answer 1

[Stalker_RED]

У вас есть 0,7 секунды, чтобы навестись на #likebox.
jsfiddle.net/fzdw5fj8/1