准备开始

我们准备做一个可折叠的控制面板

当我们创建一个jQuery插件时，本质是在扩展jQuery库。要真正了解插件如何扩展jQuery库需要对JavaScript prototype属性有一个基本了解。虽然我们不直接使用，但是JavaScript prototype属性可以通过jQuery属性fn在后台使用，这是原生JavaScript prototype属性的一个jQuery别名。

jQuery.fn.accordion = function() {
    // 添加代码
};

创建一个 jQuery 插件所推荐的方法是，先创建一个允许使用美元符号 ($) 的包装器函数。在默认情况下，美元符号可能与其他 JavaScript 框架发生冲突，如果将插件包装在一个函数中，就不会出现冲突。所以推荐使用下面代码创建jQuery插件：

(function($) {
    $.fn.accordion = function() {
        // 添加插件代码
    };
})(jQuery);

上面代码，jQuery 关键字被应用到包装器函数中，这允许您在插件中使用美元符号，就像使用 fn 属性时那样。包装器函数就绪后，就可以在整个插件的任何地方使用美元符号代替 jQuery 关键字，不会干扰其他第三方插件。