Добро пожаловать на форум!
Новые сообщения Участники Правила форума Поиск RSS
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные пользователи Новые участники
Болт (3758)
Skyline (2679)
XemorDio (2674)
Strelok41 (2171)
marshalvrv [23.06.2017]
Sidorovichara [22.06.2017]
Strawn [21.06.2017]
worldgamespro [21.06.2017]
NegativRentgen [21.06.2017]
Страница 1 из 11
Форум » Web-раздел » Скрипты uCoz » Спойлер в спойлере без ограничений
Спойлер в спойлере без ограничений
XemorDio Дата: Суббота, 10.09.2016, 17:37 | Сообщение # 1
「 Рипер, техник сайта 」
Группа: Администраторы
Сообщений: 2674
Награды: 11 Репутация: 290
Статус: Offline

Всем привет... Сегодня вы сможете делать спойлеры в спойлерах без ограничений на основе вашего BB кода... Но не будем томить перейдем к установке!...

Установка:
1. Для добавления юзаем BB
Код
[spot] Infa 1 [/spot]

2. Добавим js код:
Код
$(function(){   
   $('.cMessage').each(function(){
    var $this = $(this);
    var content = $this.html();
     var newContent = content
      .replace(/\[spot\]/g, '<div class="uSpot">'
                     + '<span class="uSpot-caption">Открыть спойлер</span>'
                           + '<div class="uSpot-content">')
      .replace(/\[\/spot\]/g, '</div></div>')
     $this.html(newContent);
   });
   $('.uSpot-caption').click(function(){
    $(this).parent().toggleClass('uSpot-show');
   });
});

Разберем код:
1. .cMessage - Устанавливаем ваш атрибут во что обвернута ваша BB
2. spot - Название вашей юзаемой BB для добавления.

3. Добавим Базовый CSS скрытия
Код
.uSpot-content {display:none;}
.uSpot-show > .uSpot-content {display:block;}

4. Написать CSS под свой вид дизайна!.
Атрибуты: .uSpot .uSpot-caption .uSpot-content
Форум » Web-раздел » Скрипты uCoz » Спойлер в спойлере без ограничений
Страница 1 из 11
Поиск:
00:33
Обновить

Хостинг от uCoz | Design by XemorDio | MODSTALKER © 2009-2017