changed from variable to .navbar-toggle visibility

Instead of having a variable for nav breakpoint we now check if .navbar-toggle is visible.
We also have added the check to the close on mouseout, so the menu doesn't close when we hover outside the submenu.
Made a function isCollapsed so we can have our logic in one place.

Author: neil-h

bootstrap-hover-dropdown.js

@@ -30,8 +30,7 @@
                 $parent = $this.parent(),
                 defaults = {
                     delay: 500,
-                    instantlyCloseOthers: true,
-                    navBreakpoint: 768
+                    instantlyCloseOthers: true
                 },
                 data = {
                     delay: $(this).data('delay'),
@@ -54,6 +53,7 @@
 
                 openDropdown(event);
             }, function () {
+                if ( isCollapsed ){ return; }
                 timeout = window.setTimeout(function () {
                     $parent.removeClass('open');
                     $this.trigger(hideEvent);
@@ -91,9 +91,7 @@
             });
 
             function openDropdown(event) {
-                if ( ($( window ).width() < settings.navBreakpoint ) && ($this.parents('.navbar-collapse').length) ){//prevent acting on navbar in collapsed mode
-                    return;
-                }
+                if ( isCollapsed ){ return; }
 
                 $allDropdowns.find(':focus').blur();
 
@@ -104,6 +102,12 @@
                 $parent.addClass('open');
                 $this.trigger(showEvent);
             }
+
+            function isCollapsed() {
+                if ( ($(".navbar-toggle").filter(":visible").length ) && ($this.parents('.navbar-collapse').length) ){//prevent acting on navbar in collapsed mode
+                    return true;
+                }
+            }
         });
     };