05:55:13
, 18.07.2025, Пятница
Новости Галерея Реклама Поиск RSS
SEO sprint - Всё для максимальной раскрутки!
  • Страница 1 из 1
  • 1
Прикольный вид спойлера
Дата: Понедельник, 02.08.2010, 16:48:04 | Сообщение # 1
Аватарка [PRO]TEMA
Он скоро..
OFF
Пользователь
508Сообщения:
ICQ пользователя:
Skype пользователя:

Это спойлер по нажатию кнопки, плавно открывается

В CSS

Код
<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$

Code
<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>
  • Страница 1 из 1
  • 1
Поиск: