Что не так (вопрос от новичка)
хотел сделать выпадающий список при помощи 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> :-? |
может css забыл подключить?
<style type="text/css"> .no-display { display: none; } </style> интересно куда делось ? </head> <body> ))) наверно тамже где и css |
:D самому аш смешно
вот про css я чё то да же и в мыслях не было |
заработало
большое человеческое спасибо |
Часовой пояс GMT +3, время: 06:46. |