Only allow one dropdown at a time. Automatically close all others whe…

…n opening a new one, so we prevent overlap
foundation · Dec 27, 2013 · ff21a94 · ff21a94
1 parent 7e6e92e
commit ff21a94
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/js/foundation/foundation.dropdown.js b/js/foundation/foundation.dropdown.js
@@ -28,12 +28,16 @@
           var settings = $(this).data('dropdown-init') || self.settings;
           e.preventDefault();
 
+          self.closeall.call(self);
+
           if (!settings.is_hover || Modernizr.touch) self.toggle($(this));
         })
         .on('mouseenter.fndtn.dropdown', '[data-dropdown], [data-dropdown-content]', function (e) {
           var $this = $(this);
           clearTimeout(self.timeout);
 
+          self.closeall.call(self);
+
           if ($this.data('dropdown')) {
             var dropdown = $('#' + $this.data('dropdown')),
                 target = $this;
@@ -99,6 +103,13 @@
       });
     },
 
+    closeall: function() {
+      var self = this;
+      $.each($('[data-dropdown-content]'), function() {
+        self.close.call(self, $(this))
+      });
+    },
+
     open: function (dropdown, target) {
         this
           .css(dropdown