Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   плавное раскрытие DIV (https://javascript.ru/forum/jquery/16877-plavnoe-raskrytie-div.html)

ufaclub 26.04.2011 15:35

плавное раскрытие DIV
 
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 26.04.2011 15:53

сделал вот так но есть проблема
меню теперь закрывается при наведении на содержимого контейнера #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 26.04.2011 16:50

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

ufaclub 26.04.2011 17:20

Цитата:

Сообщение от Skipp (Сообщение 102199)
Надо проверять нет является ли у target ваш div родителем
а зачем jQuery.noConflict?

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

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


Часовой пояс GMT +3, время: 15:35.