ну вот этот код работает
<!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>