Configurable delay before opening dropdown about bootstrap-hover-dropdown HOT 4 CLOSED

    return this.each(function() {
        var $this = $(this),
            $parent = $this.parent(),
            defaults = {
                delay: 500,
                delayShow: 300,
                instantlyCloseOthers: true
            },
            data = {
                delay: $(this).data('delay'),
                delayShow: $(this).data('delay-show'),
                instantlyCloseOthers: $(this).data('close-others')
            },
            settings = $.extend(true, {}, defaults, options, data),
            delayHide,
            delayShow;

        $parent.hover(function(event) {
            // so a neighbor can't open the dropdown
            if(!$parent.hasClass('open') && !$this.is(event.target)) {
                return true;
            }

            if(shouldHover) {
                window.clearTimeout(delayHide);
                delayShow = window.setTimeout(function() {
                    if(settings.instantlyCloseOthers === true) {
                        $allDropdowns.removeClass('open');
                    }

                    $parent.addClass('open');
                }, settings.delayShow);
            }
        }, function() {
            if(shouldHover) {
                window.clearTimeout(delayShow);
                delayHide = window.setTimeout(function() {
                    $parent.removeClass('open');
                }, settings.delay);
            }

        });

        // handle submenus
        $parent.find('.dropdown-submenu').each(function(){
            var $this = $(this),
                subDelayHide,
                subDelayShow;
            $this.hover(function() {
                if(shouldHover) {
                    window.clearTimeout(subDelayHide);
                    subDelayShow = window.setTimeout(function() {
                        $this.children('.dropdown-menu').show();
                        // always close submenu siblings instantly