[Решено?..] Плавное открытие мини корзины

[BeTep2]

Всем привет. Хочу реализовать плавное открытие\закрытие корзины на главной. В javascript полный ноль.
Стоит дефолтная корзина.
Вот код comon.js:
 

	$('#cart > .heading a').live('mouseenter', function() {
		$('#cart').addClass('active');
		
		$('#cart').load('index.php?route=module/cart #cart > *');
		
		$('#cart').live('mouseleave', function() {
			$(this).removeClass('active');
		});
	});

Пробовал добавлять задержку к addClass и removeClass но выглядит это ужасно.
По скольку, само появление реализовывается чем что без класса active блок content - display: none;, пробовал реализовать через команду FadeIn и FadeOut. Получилось вот так:
 

	$('#cart').live('mouseenter', function() {
		$('active').fadeIn(slow);
		
		$('#cart').load('index.php?route=module/cart #cart > *');
		
		$('#cart').live('mouseleave', function() {
			$('active').fadeOut(slow);
		});
	});

В чем ошибка с этой командой? И как вы у себя реализовывали это?

 

ЗЫ. смотрел эту тему, но решение там - с ошибкой.

[Tom]

Если так,то скопируйте кусок в common.js

 

https://stilnayakoshka.ru/

[BeTep2]

transition css вам в помощь, без всяких fadein-out

Пробовал. Из-за двойной цепочки изменяемых классов запутался. Вставлял в #cart:

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

 

 

Если так,то скопируйте кусок в common.js

 

https://stilnayakoshka.ru/

 

Благодарю! Только он пропадает справо-налево, а не снизу-нверх. В коде не заметил как это реалиовано, не подскажете?

Код:

 

$("#cart").hover(function(){
$('#cart .content').add("#cart .content").load('index.php?route=module/cart .content > *').stop(true,true).show('slow');
$('#cart').addClass('active');
},function(){$('#cart .content').stop(true,true).hide('fast');
$(this).removeClass('active');});