Показать сообщение отдельно
  #7 (permalink)  
Старый 15.06.2010, 13:20
Аватар для kirys0
Новичок на форуме
Отправить личное сообщение для kirys0 Посмотреть профиль Найти все сообщения от kirys0
 
Регистрация: 15.06.2010
Сообщений: 7

ну вот этот код работает
<!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>
<link rel="stylesheet" type="text/css" href="http://kirys.pp.ru/styles.css"/>
<link rel="stylesheet" type="text/css" href="http://kirys.pp.ru/style.css"/>
</HEAD>
<BODY>
<DIV id="order-link"><A href="#">Заказать</A></DIV>
<DIV style="WIDTH: 40em" class="blocks no-display"><div id="order">Чтобы сделать заказ нужно отправить сообщение на электропочту:<br>
<a href="mailto:order@kirys.pp.ru?subject=Заказать дизайн  для группы"><img src="mail.png"></a> <a href="mailto:order@kirys.pp.ru?subject=Заказать дизайн  для группы">order@kirys.pp.ru<br></a>
или написать мне В Контакте<br>
<a href="http://vkontakte.ru/write17948837"><img src="vkontakte.png"></a> <a href="http://vkontakte.ru/write17948837">Отправить сообщение</a></div></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>
Ответить с цитированием