VPF::Spoiler - Форум программистов

Exploder

Дата 2.3.2009, 12:06 (ссылка)

(нет голосов)

Загрузка ...

МАСТЕР

Профиль
Группа: Участник
Сообщений: 91
Регистрация: 5.4.2005
Где: Германия

Репутация: нет
Всего: 7

Сделал спойлер основываясь на этой статье.
Появился такой вопрос, можно ли сделать так, чтобы всегда был открыт только 1 спойлер(если их например список), т.е. я открываю спойлер и если до этого был уже открыт какой-то другой - он автоматически закрывается ???

Вот код реализации спойлера.

Код


window.addEvent('domready', function() {
//Этот "контейнер" нужно обязательно создавать, иначе Mootools работать не будет

/* Spoiler */
var spoilers = $$('.spoiler'); // Заносим в переменную все divвы с классом spoiler
spoilers.getElement('.sp-head').addClass('folded'); // Добавляем всем divам с классом spoiler подкласс folded, чтобы отображался плюсик
 
spoilers.each(function(element) { // Выполняем этот цыкл для каждого элемента страницы с классом spoiler
   var fx_sp_opac = new Fx.Styles(element.getElement('.sp-body'), {duration: 600, transition: Fx.Transitions.Expo.easeInOut}); // объявляем эффект прозрачности при
// свертывании и развертывании спойлера

// Объявляем эффект Slide из библиотеки mootools который и будет сворачивать и разворачивать наш спойлер
   var fx_sp_slide = new Fx.Slide(element.getElement('.sp-body'), {duration: 600, onStart: function() {
fx_sp_opac.start({'opacity': [0.5, 1]});
   } });
 
   fx_sp_slide.hide(); // Прячем содержимое спойлера при загрузке страницы
   element.getElement('.sp-head-click').addEvent('click', function(){ // Добавляем эвент (событие), которое будет выполнятся при щелчке по заголовку спойлера
   element.getElement('.sp-head').toggleClass('unfolded'); // Меняем значок статуса спойлера на противоположный (плюс на минус или минус на плюс)
   fx_sp_slide.toggle(); // Переключаем статус спойлера (спрятать, если он виден,  или показать в противном случае)
     }); // addEvent

}); //each
/* Spoiler - Все */
 }); //Конец window.addEvent

Буду рад любой помощи, спасибо smile

Exploder

Дата 2.3.2009, 14:20 (ссылка)

(нет голосов)

Загрузка ...

МАСТЕР

Профиль
Группа: Участник
Сообщений: 91
Регистрация: 5.4.2005
Где: Германия

Репутация: нет
Всего: 7

Вопрос с повестки дня снят smile

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »