плавное раскрытие DIV

[ufaclub]

jQuery.noConflict();
	jQuery(document).ready(function() {
	    var t;
	    jQuery('#ed1, #ed1pod').hover(function() {
	        clearTimeout(t);
	        jQuery('#ed1pod').show();
	    }, function() {
	        t = setTimeout(function() {jQuery('#ed1pod').fadeOut();}, 2000);
	    });
	});

сейчас просто быстро открывается див #ed1pod

jQuery('#ed1pod').show();

как сделать чтоб он открывался через выпадение? как будто у него увеличивается высота - т.е он раскрывается медленно....

примерно так как сделано на сайте http://www.unitedregions.ru/

[ufaclub]

сделал вот так но есть проблема
меню теперь закрывается при наведении на содержимого контейнера #ed1pod

jQuery.noConflict();
	jQuery(document).ready(function() {
	    var t;
	    jQuery('#ed1, #ed1pod').hover(function() {
	        clearTimeout(t);
	        jQuery('#ed1pod').animate({
            opacity: 0.9,
            height: 'toggle'
            }, 1000, function() { });
			
			
			
	    }, function() {
	        t = setTimeout(function() {jQuery('#ed1pod').fadeOut();}, 2000);
	    });
	});

[Skipp]

Надо проверять нет является ли у target ваш div родителем
а зачем jQuery.noConflict?

[ufaclub]

Надо проверять нет является ли у target ваш div родителем
а зачем jQuery.noConflict?

насчет noConflict на сайте еще кучу библиотек будет

а насчет надо проверять.. я логически понимаю что и как должно проверяться.. а вот с синтаксисом JS знаком плохо. поэтому и прошу помочь на примере...