Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Спойлер в спойлере без ограничений
DEMO +
Всем привет... Сегодня вы сможете делать спойлеры в спойлерах без ограничений на основе вашего 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
Данный раздел авторский все работы являются собственностью BS (mybeststudio.ru) любое коммерческое использование строго запрещено.

При копировании материала указываем источник MyBeststudio.ru.

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Best_Studio
Дата добавления: 16.06.2016 в 22:37 по МСК
Категория: Другие модули
Просмотров: 402
Комментариев: 0
Эмоций:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]