jQuery Plugin (단순형) Sample

;(function ($, window, document, undefined) {
    
    $.fn.sectionCollapsible = function(options) {

        var defaults = {
            duration : 500,     // animation 시간
            easing : "swing"    // animation 유형
        };

        var settings = $.extend({}, defaults, options);

        return this.each(function() {
            
            var section = this;
            
            $(section).find("h3:first").append('<button type="button" class="btn-section-collapsible"/>'); 

            if ($(section).hasClass("collapsed")) {     // 초기상태 collapsed 자동닫힘 처리
                $(section).find(".section-body, .section-footer").hide();
            }

            $(section).find(".btn-section-collapsible").on("click", function(){

                $(this).blur(); // focus 방지용

                $(section).find(".section-body, .section-footer").stop().animate({height: "toggle"}, settings.duration, settings.easing);
                $(section).toggleClass("collapsed");        
                // toggle 로 모두 처리! (toggle, toggleClass, animate({height:"toggle"})
            });
            
        });
         
    };
   
})(jQuery, window, document);