[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Uspoiler Nice Style
CuBeRДата: Суббота, 30.10.2010, 12:26 | Сообщение # 1
Читер)
Сообщений: 37
Репутация: 0

* Краткое описание: Это спойлер по нажатию кнопки, плавно открывается )))
Code
<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
Поиск: