Хоть тема и баян, но вижу, что она не закончилась.
Можно спойлер сделать такого вида
Код: Выделить всё
<div class="spoiler" onclick="
if (this.className='spoiler')
{this.className='spoiler-selected'}
else
{this.className='spoiler';}
">
<span class="button">Видимый текст</span>
<div class="hidden">
Спрятанный текст
</div>
</div>
Дальше прописываем стили:
Код: Выделить всё
div.spoiler div.hidden{
display:none;
}
div.spoiler-selected div.hidden{
display:block;
}
Правда это не совсем правильно решение. Лучше онКлик повесить на внутренний спан и через parent.node передавать отцовскому диву класс. Тогда он будет открыватся-скрыватся только при нажатии на постоянный текст. Но так как я в жс нубак полный, то так сходу и без инструкции это не сделаю
Навскидку, как то так:
Код: Выделить всё
<div class="spoiler">
<span class="button" onclick="
if (this.parentNode.className='spoiler')
{this.parentNode.className='spoiler-selected'}
else
{this.parentNode.className='spoiler';}
">Видимый текст</span>
<div class="hidden">
Спрятанный текст
</div>
</div>