Add optional delay before opening parent dropdown.

- data-hover-delay="500" (Milliseconds) inizializes
- Default is 0

Author: redavis

bootstrap-hover-dropdown.js

@@ -30,18 +30,20 @@
                 $parent = $this.parent(),
                 defaults = {
                     delay: 500,
+                    hoverDelay: 0,
                     instantlyCloseOthers: true
                 },
                 data = {
                     delay: $(this).data('delay'),
+                    hoverDelay: $(this).data('hover-delay'),
                     instantlyCloseOthers: $(this).data('close-others')
                 },
                 showEvent   = 'show.bs.dropdown',
                 hideEvent   = 'hide.bs.dropdown',
                 // shownEvent  = 'shown.bs.dropdown',
                 // hiddenEvent = 'hidden.bs.dropdown',
                 settings = $.extend(true, {}, defaults, options, data),
-                timeout;
+                timeout, timeoutHover;
 
             $parent.hover(function (event) {
                 // so a neighbor can't open the dropdown
@@ -53,6 +55,8 @@
 
                 openDropdown(event);
             }, function () {
+                // clear timer for hover event
+                window.clearTimeout(timeoutHover)
                 timeout = window.setTimeout(function () {
                     $parent.removeClass('open');
                     $this.trigger(hideEvent);
@@ -90,14 +94,22 @@
             });
 
             function openDropdown(event) {
-                $allDropdowns.find(':focus').blur();
-
-                if(settings.instantlyCloseOthers === true)
-                    $allDropdowns.removeClass('open');
-
+                // clear dropdown timeout here so it doesnt close before it should
                 window.clearTimeout(timeout);
-                $parent.addClass('open');
-                $this.trigger(showEvent);
+                // restart hover timer
+                window.clearTimeout(timeoutHover);
+                // delay for hover event.  
+                timeoutHover = window.setTimeout(function () {
+                    $allDropdowns.find(':focus').blur();
+
+                    if(settings.instantlyCloseOthers === true)
+                        $allDropdowns.removeClass('open');
+                    
+                    // clear timer for hover event
+                    window.clearTimeout(timeoutHover);
+                    $parent.addClass('open');
+                    $this.trigger(showEvent);
+                }, settings.hoverDelay);
             }
         });
     };