Вопрос по Jquery show().

При наведении на элемент

Code:

<div class="image">
<img src... />
<a href="#"><img class="linkImage" src... /></a>
</div>

Обработка наведения:

Code:

$(".image").each(function(i) {
       $(this).mouseover(function() {
	       $(this).children('a').children(".linkImage").show(1000);
	});
	$(this).mouseout(function() {
		$(this).children('a').children(".linkImage").hide(1000);
	});
});

Show выводит картинку в тот блок, т.е. при наведении на нее скрываться она не должна, но событие mouseout срабатывает если мышка выходит за границу первой картинки. Почему так?

 

4 символа

 

Я просто вручную переписывал, опечатка. Поправил.

 

Code:

$('.image').bind('mouseover mouseout', function() {
       $(this).find('.linkImage').toggle();
});

Так точно должно работать.

 

Я сделал так, вроде работает

Code:

		$(".image").mouseenter(function(){
			$(".linkImage").hide(200);
			$(this).children(".linkImage").stop(true).show(1000);
			$(this).children(".linkImage").mouseleave(function() {
				$(this).hide(200);
			});
		});

 

Я с помощью css бы сделал.