• Страница 1 из 1
  • 1
Форум Сталкер » Web-раздел » Скрипты uCoz » Спойлер в спойлере без ограничений
Спойлер в спойлере без ограничений
БарменДата: Воскресенье, 19.06.2016, 00:55 | Сообщение # 1
Полковник
Группа: Пользователи
Сообщений: 201
Награды: 3
Репутация: 4
Статус: 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
 
BlackHARDДата: Воскресенье, 19.06.2016, 09:48 | Сообщение # 2
Генерал Долга
Группа: Пользователи
Сообщений: 54
Награды: 1
Репутация: 3
Статус: Offline
Бармен, по подробней как и куда ставить ? :)
 
Форум Сталкер » Web-раздел » Скрипты uCoz » Спойлер в спойлере без ограничений
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика