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