Показать сообщение отдельно
  #1 (permalink)  
Старый 12.07.2010, 12:58
Интересующийся
Отправить личное сообщение для wermut Посмотреть профиль Найти все сообщения от wermut
 
Регистрация: 12.07.2010
Сообщений: 14

Что не так (вопрос от новичка)
хотел сделать выпадающий список при помощи jquery
скачал с сайта библиотеку и тестил на домашней машине
вроде все получилось но при загрузке (при открывании страницы) список уже раскрыт, а мне надо что б он при открытии страницы был закрыт и при нажимании на него он раскрывался
вот код
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> 
<HEAD> 
<meta http-equiv="Content-Language" content="ru"/> 
<TITLE>Раскрытие блока при клике на ссылку</TITLE> 

<H1>рпгопоооороо</H1> 
<DIV><A href="#">зздддззд</A></DIV> 
<DIV style="WIDTH: 20em" class="blocks no-display">дрдддрпдрдпдрдььпл ьльлдрп</DIV><BR> 

 


 
 
<SCRIPT type=text/javascript 
src="jquery.js"></SCRIPT> 
 
<SCRIPT type=text/javascript> 
(function($) {
	$.fn.openCloseBlocks = function(blocks, options) {
		var defaults = {
			speed: 'normal'
		},
		opts 		= $.extend(defaults, options),
  		togglers 	= $(this),
  		bls 		= $(blocks); if(!bls) return;
 
  		togglers.each(function(index) {
  			$(this).click(function(e) {
  				e.preventDefault();
  				$(bls[index]).slideToggle(opts['speed']);
  			});
  		});
	};
})(jQuery);
 
$('div > a').openCloseBlocks($('div.blocks'), {
	speed: 'fast'
});
 
 
 

(function($) {
	$.fn.dropDownBlock = function(block, options) {
		var defaults = {
			speed: 'fast',
			top: $(this).height(),
			left: 0
		},
		opts 	= $.extend(defaults, options),
  		toggler = $(this),
  		block 	= $(block);
  		toggler.css({'outline': 'none'})
 
  		toggler.click(function(e) {
  			e.preventDefault();
  			$(block).css({
        		'position' 	: 'absolute',
        		'top' 		: (toggler.offset().top + opts['top']) + 'px',
        		'left' 		: (toggler.offset().left + opts['left']) + 'px'
      		});
      		if($(block).is(':visible')) $(block).fadeOut(opts['speed']);
      		else $(block).fadeIn(opts['speed']);
      		this.focus();
  		});
  		toggler.blur(function() {
  			$(block).fadeOut(opts['speed']);
  		});
	};
})(jQuery);
 
$('#toggler').dropDownBlock($('#drop-down-list'));
</SCRIPT> 
</BODY></HTML>

Ответить с цитированием