http://xcinema.ucoz.net/forum/2-1-2-16-1251796198 - пример.
<!-- В КСС -->
Код:
<style type="text/css"> input.uSpoilerButton { border: 0; padding: 0 0 0 13px; outline: 0; font-size: 12px; background-color: inherit !important; cursor: pointer; } div.uSpoilerClosed input.uSpoilerButton { background: url('http://alexeenko.org/public/img/spoiler_plus.gif') 0% 50% no-repeat; } div.uSpoilerOpened input.uSpoilerButton { background: url('http://alexeenko.org/public/img/spoiler_minus.gif') 0% 50% no-repeat; } </style>
Это вставлять после $BODY$
Код:
<script type="text/javascript"> /* by Vanofuture — webcodes.ru */ $('input.uSpoilerButton').removeAttr('onclick').click(function () { $(this).val(this.value == 'Закрыть спойлер' ? 'Открыть спойлер': 'Закрыть спойлер').parent().parent().attr('class', $(this).parent().parent().attr('class') == 'uSpoilerClosed' ? 'uSpoilerOpened': 'uSpoilerClosed').find('div:last').slideToggle('normal') }); </script>
Плюсы:
Реализовано плавное открытие
Новый дизайн спойлера