Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.07.2010, 11: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>

Ответить с цитированием
  #2 (permalink)  
Старый 12.07.2010, 12:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,142

может css забыл подключить?
<style type="text/css">
     .no-display {
        display: none;
     }
 </style>


интересно куда делось ?
</head>
<body>

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

самому аш смешно
вот про css я чё то да же и в мыслях не было
Ответить с цитированием
  #4 (permalink)  
Старый 12.07.2010, 12:53
Интересующийся
Отправить личное сообщение для wermut Посмотреть профиль Найти все сообщения от wermut
 
Регистрация: 12.07.2010
Сообщений: 14

заработало
большое человеческое спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открытие div блока при первом визите на сайт Nushaba Общие вопросы Javascript 28 20.12.2013 19:24
вопрос по поисковым роботам bushstas Оффтопик 3 18.01.2010 11:18
Вопрос по SELECT xela1980 jQuery 7 21.12.2009 22:55
Что не так? giGnet Общие вопросы Javascript 8 23.06.2008 21:51
вопрос по long poll megaswin AJAX и COMET 2 27.05.2008 08:20