Использование BBCode
- Код: Выделить всё
[spoiler={TEXT1}]{TEXT2}[/spoiler]
Замена HTML
- Код: Выделить всё
<div class="container">
<div class="box closed">
<h6>
{TEXT1}
<span class="l"></span><span class="r"></span>
</h6>
<div class="hide"><span class="s">Show</span><span class="h">Hide</span></div>
<div class="block">
<div class="block_in">
{TEXT2}
</div>
</div>
</div>
</div>
Подсказка
- Код: Выделить всё
[spoiler=Название спойлера]скрытый текст[/spoiler]
Пример работы
- Код: Выделить всё
[spoiler=Название спойлера]скрытый текст[/spoiler]
Название спойлера
Дополнительно
В теме стиля нужно добавить код в самый конец
Следующий код
Так же необходимо подключить библиотеку JQUERY
В шаблоне overal_header
перед </head> добавить
- Код: Выделить всё
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
в шаблоне overal_footer
перед </body> добавить
- Код: Выделить всё
<script>
$(".box .block").show();
$(".closed .block").hide();
$("div.hide").click(function(){
$(this).toggleClass("show").next().slideToggle("medium");
});
</script>