roojs-bootstrap.js

[roojs1] / roojs-bootstrap-debug.js

diff --git a/roojs-bootstrap-debug.js b/roojs-bootstrap-debug.js
index 4469dc6..de8bf39 100644 (file)
--- a/roojs-bootstrap-debug.js
+++ b/roojs-bootstrap-debug.js
@@ -3867,21 +3867,30 @@ Roo.extend(Roo.bootstrap.Navbar, Roo.bootstrap.Component,  {
                     // show it...
                     ce.removeClass('collapse');
                     ce.addClass('show');
+                    var h = ce.getHeight();
+                    Roo.log(h);
+                    ce.removeClass('show');
+                    // at this point we should be able to see it..
+                    ce.addClass('collapsing');
                     
-                        ce.setHeight(ce.getHeight()); // resize it ...
+                    ce.setHeight(0); // resize it ...
+                     (function() {
+                        Roo.log('done transition');
                         ce.removeClass('collapsing');
-                        ce.addClass('collapsing');
-                    
-                    // now flag it as moving..
-                    
+                        ce.addClass('show');
+                        ce.removeClass('collapse');
+
+                        ce.dom.style.height = '';
+                    }).defer(500);
+                    ce.setHeight(h);
                     
-                    (function() { ce.removeClass('collapsing'); }).defer(100);
                 } else {
                     ce.addClass('collapsing');
                     ce.removeClass('show');
                     (function() {
                         ce.removeClass('collapsing');
                         ce.addClass('collapse');
+                        
                     }).defer(200);
                     
                 }