Спойлер не открывается
 

У меня стоит вот такой вот код спойлера
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
// Скрываем все спойлеры
jQuery('.spoiler-body').hide()
// по клику отключаем класс folded, включаем unfolded, затем для следующего
// элемента после блока .spoiler-head (т.е. .spoiler-body) показываем текст спойлера
jQuery('.spoiler-head').click(function(){
jQuery(this).toggleClass("folded").toggleClass("un folded").next().toggle()
})
})
</script>

хочу сделать чтобы шапка спойлера была ввиде ссылки, но когда ставлю "хреф" на тексте( слове)то спойлер при нажатии открывается и тут же закрывается.
jQuery('.spoiler-head').click(function() мне почему то кажется что проблема здесь. подскажите как?

:))) он не открывается и тут же закрывается.. когда стоит href — текст превращается в активную ссылку, при нажатии страница перезагружается заново :)

Я ставлю ссылку <a href>слово</a> Все арвно перегружается?
а как же сделать чтобы было видна ссылка а то пользователям будет не понятно.

ну просто <a href> вы не можете поставить. это ошибочная конструкция. у атрибута href должно быть значение.. т.е:
<a href=""> в кавычках либо путь к странице, либо к элементу страницы, лицо вызов функции/кода, либо просто пустые кавычки — тогда ссылка будет вести на эту же страницу.

одновременно вешать событие click и атрибут href смысла нет. Пользователь просто не сможет увидеть действия по событию click, ибо страница сразу же будет перезагружаться.

Можно сделать только перехват: т.е. если у пользователя включена поддержка javascript — то производить событие по click, если нет — пусть переходит по ссылке:

$('.spoiler-head').attr("href","#");

<a href="page.html" class="spoiler-head">Текст</a>

Тогда страница перезагружаться не будет, но и ссылку пользователь увидит лишь когда отключен javascript.

Либо второй вариант: шапку спойлера делать в виде:

<div class="spoiler-head"><a href="ссылка">Текст</a></div>

высоту и длину div'a делать больше, чем у ссылки и вешать на div событие click. Тогда пользователь кликнув по свободному месту в шапке спойлера будет разворачивать спойлер, а кликнув по тексту в шапке спойлера — переходить по ссылке)

спасибо!