Еще раз о создании jQuery плагина или применяем на практике

              //Определяем разметку для кликабельного блока
               var spoilerControl = '<div class="spoilerControl">' + settings['text'] + '</div>';
		
                //Пишем в объект data нашего спойлера флаг инициализации
		$(this).data('hasSpoiler',true);
                //Добавляем первым элементом контейнера наш кликабельный блок
                $(this).prepend(spoilerControl);
                //Запоминаем высоту контейнера
                $(this).data('defaultHeight', $(this).height());
                //Пишем флаг состояния открыт\закрыт
		$(this).data('collapsed',settings['collapsed']);
                //Добавляем класс к блоку
                $(this).addClass('spoilerContainer');
                var Control = $(this).find('.spoilerControl');
                $(this).css('height', $(Control).css('height'));

                //Проверяем параметр состояния и закрываем спойлер, если флаг установлен в true
                if ($(this).data('collapsed') == true) {
                   //Задаем высоту контейнера равную высоте кликабельного блока
                    $(this).css('height', $(Control).css('height'));
    		    //Меняем иконку на значок плюса
                    $(Control).addClass('plus');
                }
                else {
                    //Задаем высоту контейнера равную начальной высоте блока 
                    $(this).css('height',$(this).data('defaultHeight'));
                    //Меняем иконку на значок минуса
                    $(this).addClass('minus');
                }

                //Вешаем обработчик на событие клика мышки по кликабельному блоку
                $(Control).click(function () {
                    var spoiler = $(this).parent();
		    var animation;
		    //Проверяем была ли завершена предыдущая анимация открытия\закрытия
                    if($(spoiler).data('currentAnimation')!=undefined){
                          //Если нет, останавливаем анимацию
			  $(spoiler).data('currentAnimation').stop();
		    }
		    //Проверяем состояние флага состояния
    		    if ($(spoiler).data('collapsed') != true)
                    {
                        //Если спойлер открыт меняем значек на плюс
		        $(this).removeClass('minus');
			$(this).addClass('plus');
                        //Создаем новую анимацию и присваиваем ее переменной animation для проверки
                        animation=$(spoiler).animate({
                            //Меняем высоту спойлера на высоту кликабельного блока
                            height: $(this).css('height')
                        }, 
                        //Задаем таймаут анимации
                        settings['animationTimeout'],
                        //По завершении выполнения обнуляем объект animation, указывая, что анимация завершилась
			function(){
					  $(spoiler).data('currentAnimation',undefined)
			                });
			//Устанавливаем состояние спойлера в "закрыт"
                       $(spoiler).data('collapsed',true);
                    }
                    else {
                         //Если спойлер закрыт меняем значек на минус
			$(this).removeClass('plus');
			$(this).addClass('minus');
                        //Создаем новую анимацию и присваиваем ее переменной animation для проверки
			animation=$(spoiler).animate({
                                   //Меняем высоту спойлера на изначальную высоту спойлера
                                   height: $(spoiler).data('defaultHeight')
                        }, 
                         //Задаем таймаут анимации
                         settings['animationTimeout'],
                         //По завершении выполнения обнуляем объект animation, указывая, что анимация завершилась
			 function(){
					  $(spoiler).data('currentAnimation',undefined)
	        			  });
                         //Устанавливаем состояние спойлера в "открыт"
                        $(spoiler).data('collapsed',false);
                      }
			//Записываем анимацию в объект data спойлера, чтобы отследить состояние после повторного нажатия
			$(spoiler).data('currentAnimation',animation);
                });

Идем дальше

//Проверяем флаг инициализации плагина
if($(this).data('hasSpoiler')!=undefined)
    return false;

 init: function (options) {
   //Код инициализации плагина вырезан для экономии места
   ....
},
destroy: function(){
            //Вызываем действие для каждого плагина, соответствующего селектору
	    return this.each(function () {
                //Удаляем все из объекта data спойлера
		$(this).removeData();
                //Ищем кликабельный блок
                var control = $(this).find('.spoilerControl');
		var defaultHeight = $(control).data('defaultHeight');
		$(this).removeClass('spoilerContainer');
                //Удаляем кликабельный блок
		$(control).remove();
                //Устанавливаем изначальную высоту контенера
                $(this).css('height', defaultHeight);
    });
}

Заключени

Материалы и ссылки