Как сделать автоматическое закрытие спойлера при открытии другого?

Question

[MikeToster]

Привет всем,
нашел в сети простой спойлер в HTML/CSS

<div class="spoil">
<div class="smallfont"><input type="button" value="Нажмите что бы открыть или закрыть спойлер" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Текст спойлера'; }"/>
</div>
<div class="alt2">
<div style="display: none;">
Текст внутри спойлера
</div>
</div>
</div>

CSS

alt2{ margin: 0px;  padding: 6px;  border: 1px inset;}
smallfont{margin-bottom:2px;}
spoil{margin:10px; margin-top:5px;}

Добавил 5 спойлеров на страницу, прошу помочь добавить функцию закрытия одного спойлера при открытии другого.

Answer 1

[Евгений Низамиев]

cssdeck.com/labs/ydlnx0ck

Comments

[Виталий Киренков]

Кажется вас сейчас спросят о магии, которая происходит в стилях =)) Да ещё и препроцессор =))

[MikeToster]

Супер работает

[MikeToster]

а внутри ссылку как включить с одного на другой по контекстной ссылке чтобы перейти?

[Евгений Низамиев]

@DeLaVega Да вряд-ли, там всё элементарно)

[Евгений Низамиев]

@MikeToster В смысле?

Answer 2

[Snewer]

Почему бы не использовать jQuery? Например, аккордеон от JquryUI

Comments

[MikeToster]

мне нужно чтобы из папки на компе работало и внутренние ссылки в тексте переход на открытие другого спойлера
(типа мануала)