[Помогите!] Вопрос не совсем по C++

[Mentis]

А точнее говоря совсем не по С++, а по html, прошу прощения что пишу в данном разделе, но раздела html не нашел.
Так вот вопрос заключается в следующем:
есть код

 <input class="button" style="color: #F8912A; background: #333333; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #F8912A;" onclick="return toggleMe('200807072300')" value="Нажмите, чтобы увидеть спойлер" type="button"></div><div id="200807072300" style="display: none;">

это спойлер, проблема в том что он берет под свои обороты весь код который находится снизу, не подскажет кто-нибудь как его ограничить?
Если не совсем понятно обьяснил вот пример.
Получается так:
[spoiler=Спойлер 1]
[spoiler=Спойлер 2] информация №1
[spoiler=Спойлер 3] информация №2 [/spoiler]
[/spoiler]
[/spoiler]

Требуется что-бы было так
[spoiler=Спойлер 1]
[spoiler=Спойлер 2] информация №1[/spoiler][/spoiler]
[spoiler=Спойлер 3] информация №2 [/spoiler]

То есть мне надо что бы при открытии 1го спойлера у меня появлялись спойлер №2 и 3, а не только 2й и из него вытекал бы уже 3й