[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Прикольный вид спойлера
BrOok^
Четверг, 09.06.2011, 15:03 | Сообщение # 1
Заблокированные
Сообщений: 0
496


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

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
Поиск:

Форма входа
Наш опрос
Каким клиентом вы пользуетесь?
Статистика