jQuery Dropdown plugin

jquery.dropdown.js

// jQuery Dropdown plugin
(function ($) {
    $.fn.dropdown = function (options) {
        var opts = $.extend({
                child:       'ul:first',
                hoverClass:  'hover',
                showTimeout: 100,
                showSpeed:   200,
                hideTimeout: 200,
                hideSpeed:   100
            }, options);
        return this.each(function () {
            var $this  = $(this),
                $child = $this.find(opts.child);
            $this.hover(function () {
                $.data($child, 'cancelHide', true);
                setTimeout(function () {
                    if ($.data($child, 'cancelHide')) {
                        $this.addClass(opts.hoverClass);
                        $child.slideDown(opts.showSpeed);
                    }
                }, opts.showTimeout);
            }, function () {
                $.data($child, 'cancelHide', false);
                setTimeout(function () {
                    if (!$.data($child, 'cancelHide')) {
                        $child.slideUp(opts.hideSpeed, function () {
                            $this.removeClass(opts.hoverClass);
                        });
                    }
                }, opts.hideTimeout);
            });
        });
    };
})(jQuery);