Compatibility with ng-repeat

[carrierdown]

Thanks for the directive. However, I discovered that it does not work if the content you are trying to show contains an ng-repeat (the ng-repeat doesn't trigger). I've fixed the code, feel free to update it:

.directive('slideable', function () {
    return {
        restrict: 'C',
        compile: function (element, attr) {
            // wrap tag
            var contents = element.html();
            element.html('<div class="slideable_content" style="margin:0 !important; padding:0 !important" >' + contents + '</div>');

            return function postLink(scope, element, attrs) {
                // default properties
                attrs.duration = (!attrs.duration) ? '1s' : attrs.duration;
                attrs.easing = (!attrs.easing) ? 'ease-in-out' : attrs.easing;
                element.css({
                    'overflow': 'hidden',
                    'height': '0px',
                    'transitionProperty': 'height',
                    'transitionDuration': attrs.duration,
                    'transitionTimingFunction': attrs.easing
                });
            };
        }
    };
})

[EricWVGG]

Odd, I have had no issues with it working in ng-repeat. Regardless, your use of the compile function is superior, so I've added it. Thanks!