Accordion Script mit jQuery

ffAccordion.js

(function($) {

    $.fn.ffAccordion = function(options) {

        if (typeof options == 'undefined')
            options = {};

        options = {
            childSelector:      options.childSelector       || 'li',
            subMenuSelector:    options.subMenuSelector     || 'ul',
            trigger:            options.trigger             || 'hover',
            animationSpeed:     options.animationSpeed      || 250,
        }

        return this.each(function() {
            var that = $(this);

            that.children(options.childSelector).each(function() {

                $(this).children(options.subMenuSelector).each(function() {
                    $(this).attr('data-height-before', $(this).height());

                    $(this).css({
                        'height': '0px',
                        'overflow': 'hidden'
                    });
                });

                $(this).on(options.trigger, function() {
                    $(this).children(options.subMenuSelector).each(function() {
                        if ($(this).height() != 0)
                            return;

                        that.children(options.childSelector).each(function() {
                            $(this).children(options.subMenuSelector).each(function() {
                                $(this).clearQueue().animate({
                                    'height': '0px',
                                }, options.animationSpeed);
                            });
                        });

                        $(this).clearQueue().animate({
                            'height': $(this).attr('data-height-before') + 'px'
                        }, options.animationSpeed);
                    });
                });
            });
        });
    };

}(jQuery));