JQuery эквивалентно Zippy в закрытии

Question

Мне нравится этот виджет в закрытии Google, Zippy и мне нужен эквивалент в jquery. Я уверен, что есть один. Я нашел Аккордеон в jquery UI, но это не то же самое поведение. В отличие от 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)

Вот рабочая демонстрация .