мигание элементов, на которых есть hover

[zlodiak]

помогите пожалуйста разобраться

есть 2 элемента. первый позиционирован relative (#cart_informer), второй - absolute (.tooltip_cart). эти элементы частично перекрываются на странице. разметку их не привожу, так как она значения не имеет

на эти элементы повешен hover следующим образом

$('#cart_informer, .tooltip_cart').hover(
	function () {
		$('.tooltip_cart').stop(false, true).fadeIn('fast');	
	},
	function () {
		$('.tooltip_cart').stop(false, true).fadeOut('slow');
	}
);

проблема в том, что при перемещении курсора между этими элементами происходит мигание одного из них(.tooltip_cart)

[Deff]

zlodiak,
используйте

$("#cart_informer, .tooltip_cart").mouseenter(function(){
//Код
}).mouseleave(function(){
//Код
});

[zlodiak]

пробовал. то же самое получается

[vadim5june]

Попробуйте в каждую функцию добавить event.stopPropagation()

[zlodiak]

пробовал. не помогло

вот мой код

$("#cart_informer, .tooltip_cart").mouseenter(function(event){
	event = event || window.event;
	event.stopPropagation();
	
	if($.cookie('cart_flag') == 'true'){
		$('.tooltip_cart').stop(false, true).fadeIn('fast');
	};
}).mouseleave(function(event){
	event = event || window.event;
	event.stopPropagation();
	
	$('.tooltip_cart').stop(false, true).fadeOut('slow');
});

к сожалению саму страницу показать не могу

[vadim5june]

теоретически я понимаю так
$("#cart_informer, .tooltip_cart")
здесь нужно что то одно оставить а то получается с одного элемента уходит а на другой приходит-одновременно включается и fadein и fadeout
ну или разделить-для каждой свою функцию
оставьте только
$(" .tooltip_cart")

[zlodiak]

так тоже не работает

$("#cart_informer").mouseenter(function(event){
	event = event || window.event;
	event.stopPropagation();
	
	if($.cookie('cart_flag') == 'true'){
		$('.tooltip_cart').stop(false, true).fadeIn('fast');
	};
}).mouseleave(function(event){
	event = event || window.event;
	event.stopPropagation();
	
	$('.tooltip_cart').stop(false, true).fadeOut('slow');
});


$(".tooltip_cart").mouseenter(function(event){
	event = event || window.event;
	event.stopPropagation();
	
	if($.cookie('cart_flag') == 'true'){
		$('.tooltip_cart').stop(false, true).fadeIn('fast');
	};
}).mouseleave(function(event){
	event = event || window.event;
	event.stopPropagation();
	
	$('.tooltip_cart').stop(false, true).fadeOut('slow');
});

неужели дело в разметке и css?.. такого быть не может

[Brook]

можете кинуть изображение (рисунок, скрин) как расположены блоки и дать справку о наведении??

[Brook]

по теории:
-сделайте исключения
if($('.tooltip_cart').attr('opacity')==1) {наведении на второй невозможно}else{..}
и так же обратно

[zlodiak]

вот всё таки сделал рабочую модель. в двух вариантах. 1 и 2

помогите пожалуйста поправить так чтобы работало без мерцаний. про исключения я не понял. помогите пожалуйста, я тупой