Roo/bootstrap/Navbar.js

[roojs1] / Roo / bootstrap / Navbar.js

diff --git a/Roo/bootstrap/Navbar.js b/Roo/bootstrap/Navbar.js
index 9676fc1..688e333 100644 (file)
--- a/Roo/bootstrap/Navbar.js
+++ b/Roo/bootstrap/Navbar.js
@@ -53,11 +53,35 @@ Roo.extend(Roo.bootstrap.Navbar, Roo.bootstrap.Component,  {
                 var ce = this.el.select('.navbar-collapse',true).first();
                 ce.toggleClass('in'); // old...
                 if (ce.hasClass('collapse')) {
+                    // show it...
                     ce.removeClass('collapse');
                     ce.addClass('collapsing');
+                    var h = ce.getHeight();
+                    ce.setHeight(0); // resize it ...
+                    
+                    ce.removeClass('collapsing');
+                    ce.addClass('collapsing');
+                     
+                    // now flag it as moving..
+                    
+                    (function() {
+                        ce.removeClass('collapsing');
+                        ce.addClass('show');
+                        ce.removeClass('collapse');
+
+                        ce.dom.style.height = '';
+                    }).defer(500);
+                    ce.setHeight(h)
+                    
                 } else {
-               
-                    ce.addClass('collapse');
+                    ce.addClass('collapsing');
+                    ce.removeClass('show');
+                    (function() {
+                        ce.removeClass('collapsing');
+                        ce.addClass('collapse');
+                        
+                    }).defer(200);
+                    
                 }
             }