Games-Fun.Ru

Последний ответ

  • Анонс игры Dead Rising 2: Off the Record (66)

    • Страница 1 из 1
    • 1
    Прикольный вид спойлера
    digetДата: Четверг, 11.11.2010, 07:31 | Сообщение # 1
    Сообщений: 1255
    Статус: Offline

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

    В CSS

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