jquery相当于闭包中的zippy

我喜欢google Close中的这个小部件， 我需要一个equalent在jquery中。我很肯定有一个。 我在jqueryui中发现了accordio，但它的行为不同。

---

与Accordion不同，它组织一组块，一次只显示一个块，Zippy针对一个块并切换其可见性。

您可以轻松为这样一个简单的任务制作自己的插件：

(function($) {
    $.fn.zippy = function(options) {
        var o = $.extend({}, options, $.fn.zippy.defaults);
        return this.each(function(i,el) {
            var $el = $(el),
                content = $el.find('p'),
                title = $el.find('h2');

            title.toggle(function() {
                content.slideToggle(o.duration, o.easing, o.callback);
            });
        });
    };
    $.fn.zippy.defaults = {
        easing : 'swing',
        duration : 500,
        callback : function(){}
    };
})(jQuery)

---

以下是一个。您可以轻松地为这样一个简单的任务制作自己的插件：

(function($) {
    $.fn.zippy = function(options) {
        var o = $.extend({}, options, $.fn.zippy.defaults);
        return this.each(function(i,el) {
            var $el = $(el),
                content = $el.find('p'),
                title = $el.find('h2');

            title.toggle(function() {
                content.slideToggle(o.duration, o.easing, o.callback);
            });
        });
    };
    $.fn.zippy.defaults = {
        easing : 'swing',
        duration : 500,
        callback : function(){}
    };
})(jQuery)

---

这是一个很好的作品，但它的行为与zippy不同。它的动画只是打开和关闭。内容不会随它滑动。很棒的工作，但它的行为与zippy不同。它的动画只是打开和关闭。内容不会随它一起滑动。