Главная » Файлы » Скрипты для uCoz » Другие скрипты

Плавное открытие и закрытие спойлеров для любого модуля для uCoz
23.06.14, 09:09:42

Скачать файл




Данный скрипт позволяет всем спойлерам плавно открываться и закрываться. К тому же вид спойлеров теперь куда более приятен. Подменяются все спойлеры, которые выводятся через bb код:
Код
[spoiler]Содержимое под спойлером[/spoiler]


Установка:

После /head на страницах, где необходимо использовать этот скрипт, вставляйте:
Код
<style>  
  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('/images/spoiler_plus.gif') 0% 50% no-repeat;
  }

  div.uSpoilerOpened input.uSpoilerButton {
background: url('/images/spoiler_minus.gif') 0% 50% no-repeat; }  
  </style>


Далее сразу после после $BODY$ или $MESSAGE (В прямой зависимости от страницы и модуля, в который будет установлен скрипт) вставляйте:
Код
<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>


Далее залейте две картинки из прикреплённого архива в папку images

Материал подготовлен Apocalypse

Категория: Другие скрипты | Добавил: Apocalypse | Теги: любого, Плавное, ucoz, модуля, закрытие, для, спойлеров, открытие
Просмотров: 842 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: