Скрытие текста до клика по ссылке

[den114]

Делаю сайт с головоломками. Подскажите есть ли такое расширение чтобы после самой головоломки было например слово "Ответ", а после клика по нему на этой же странице (без перезагрузки страницы или перехода на новую) показывался ответ на задачу в виде текста или изображения.

 

[NazGull2009]

Интересная тема, нужно поузнавать

 

[den114]

Пока единственное что нашел это Плагин “Content - Spoiler Text”.
Кто еще что-нибудь посоветует.

 

[alies_boliev]

интересная тема

 

[win32]

<div style="padding-top: 1px; clear: right; -moz-border-radius: 3px 3px 3px 3px;">
<span onclick="javascript:Hidder(this);" style="cursor: pointer;">Заголовок<span style="font-weight: normal; cursor: default; size: 12px; display: block;"><p class="rtejustify">Скрытый текст котоый будет виден после нжатия на заголовок</p>
</span></span></div>

 

[drawing4]

<div style="padding-top: 1px; clear: right; -moz-border-radius: 3px 3px 3px 3px;">
<span onclick="javascript:Hidder(this);" style="cursor: pointer;">Заголовок<span style="font-weight: normal; cursor: default; size: 12px; display: block;"><p class="rtejustify">Скрытый текст котоый будет виден после нжатия на заголовок</p>
</span></span></div>

A функцию Hidder вы ведь не написали Для подобной реализации лучше пользоваться Jquery.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[batia]

да с jquery там быстро будет. у них там на сайте в примерах то что тебе нужно есть

 

[win32]

A функцию Hidder вы ведь не написали

sorry

   function Hidder(Elem)
    {
	if ($(Elem).children().is(':hidden'))
	{
	    $('.field-hidden-content').parent().parent().removeClass('BlockItem');
	    $(Elem).parent().addClass('BlockItem');
	}
	if (!$(Elem).children().is(':hidden'))
//	    $('.field-hidden-content').parent().parent().removeClass('BlockItem');	
    	    $(Elem).parent().removeClass('BlockItem');
	$(Elem).children('span').slideToggle();
    }

в файле стилей (CSS

.BlockItem
{
    background-color:	#cae5ff;
    color:#ffffff;
}