Don't trigger hide animation on load + force reflow to avoid chrome bug. Thanks to Sebastian Pettersson

Author: TheRusskiy

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-slide-down",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "authors": [
     "TheRusskiy <dimanrussian@gmail.com>"
   ],

demo/ng-slide-down.js

@@ -86,7 +86,10 @@
           if (value) {
             return $timeout(show);
           } else {
-            element.css({ height: getHeight() });
+            if (value != null) {
+              element.css({ height: getHeight() });
+              element[0].clientHeight;
+            }
             return $timeout(hide);
           }
         });

dist/ng-slide-down.js

@@ -86,7 +86,10 @@
           if (value) {
             return $timeout(show);
           } else {
-            element.css({ height: getHeight() });
+            if (value != null) {
+              element.css({ height: getHeight() });
+              element[0].clientHeight;
+            }
             return $timeout(hide);
           }
         });

dist/ng-slide-down.min.js

@@ -63,9 +63,11 @@ angular.module("ng-slide-down", []).directive "ngSlideDown", ($timeout )->
       if value
         $timeout show
       else
-        element.css {
-          height: getHeight()
-        }
+        if value?
+          element.css {
+            height: getHeight()
+          }
+          element[0].clientHeight # Force reflow so the animation triggers reliably
         $timeout hide
 
   return {