Главная » Файлы » Скрипты для 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 | |
Просмотров: 950 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |