При нажатии на кнопку открыть спойлер, он будет плавно открываться.
В css
Code
/* version 1.4 */
input.uSpoilerButton {
border: 0;
padding: 0 0 0 13px;
outline: 0;
font-size: 8pt;
background-color: inherit !important;
cursor: pointer;
}
input.uSpoilerButton::-moz-focus-inner {
border: 0;
}
После $BODY$
Code
<script type="text/javascript">
/* by Vanofuture — webcodes.ru | v1.4 */
$('input.uSpoilerButton').removeAttr('onclick').click(function () {
// Это нужно менять ТОЛЬКО если вы изменяли тексты спойлера в замене стандартных надписей
var toOpen='Открыть спойлер';
var toClose='Закрыть спойлер';
$(this).val(this.value == toClose ? toOpen: toClose).parent().parent().attr('class', $(this).parent().parent().attr('class') == 'uSpoilerClosed' ? 'uSpoilerOpened': 'uSpoilerClosed').find('div:last').slideToggle('normal');
});
</script>
CSS код даёт нам стиль, а js — плавность открытия. Если убрать один из них, второй все равно будет работать.
Источник
