Question

我喜欢google关闭中的这个小部件， Zippy 而且我需要在jquery中使用它。我很确定有一个。我在jquery UI中找到了Accordion，但它的行为并不相同。与Accordion不同，Accordion组织一组块并且一次只能显示一个块，而Zippy瞄准一个块并切换其可见性。

Answer 1

您可以轻松制作自己的插件来完成这么简单的任务：

(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)

jquery相当于封闭中的zippy

1 个答案:

这是working demo。