ngAnimate on ngIf, with height property

HTML

<script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
<script src="http://code.angularjs.org/1.2.0-rc.2/angular-animate.js"></script>
<div ng-app="myApp">
    <div ng-controller="AppCtrl">
        <input type="checkbox" ng-model="showDiv" id="showDiv" />
        <label for="showDiv">Toggle DIV</label>
        <div id="my-div" ng-if="showDiv" class="animate-if">
             

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula non risus in scelerisque. Vestibulum mattis, nibh quis sagittis ultrices, enim leo vulputate ipsum, et venenatis metus nunc eget sapien. Sed vestibulum vehicula mauris, nec vehicula turpis mollis in. Quisque quis consequat lorem, sagittis suscipit ex. Nam vitae condimentum nisi. Nulla fermentum ac odio nec blandit. Aliquam tincidunt erat et augue elementum viverra. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean cursus in purus vitae tincidunt. Nulla molestie, magna vel varius aliquam, lorem urna tincidunt sem, a vehicula dolor turpis eu libero.

Nunc tincidunt arcu purus, ac posuere purus pellentesque ac. Praesent suscipit vestibulum ultricies. Donec vel viverra elit. Aenean ultrices turpis eu mauris tincidunt ultricies. Nulla a risus eu tortor eleifend pellentesque sit amet ut quam. In sed mi efficitur neque aliquet fermentum. Ut pellentesque sed arcu molestie elementum. Aenean eu pretium dolor. Fusce ultrices vitae magna a pharetra. Pellentesque luctus, ligula eget venenatis egestas, nunc orci iaculis est, eu sagittis augue sapien eget tortor. Nulla facilisi.

Etiam libero arcu, aliquam a turpis at, interdum venenatis elit. Integer vehicula dolor ac mauris hendrerit cursus. Integer facilisis turpis eget diam semper, ac tempor risus bibendum. Ut ut congue enim, quis sagittis libero. Pellentesque viverra est ipsum, eget ullamcorper tellus tristique et. Sed in dictum dolor. Nunc vulputate vulputate pharetra. In eget nisi scelerisque, congue eros...

CSS

#my-div {
    background-color: cornflowerblue;
    height: auto;
}

 .animate-if.ng-enter, .animate-if.ng-leave {
    -webkit-transition: 1s linear all;
    -moz-transition: 1s linear all;
    -ms-transition: 1s linear all;
    -o-transition: 1s linear all;
    transition: 1s linear all;
}

 .animate-if.ng-enter {
    max-height: 0;
    opacity: 0;
}

 .animate-if.ng-enter.ng-enter-active {
    max-height: 999px;
    opacity:1;
}

 .animate-if.ng-leave {
    max-height: 999px;
    opacity:1;
}

 .animate-if.ng-leave.ng-leave-active {
    max-height: 0;
    opacity:1;
}

JavaScript

angular.module('myApp', ['ngAnimate'])
    .controller('AppCtrl', function ($scope) {

});