directive to fade in a node

gistfile1.js

// <div fade-in="some_boolean">BOOM</div>

myApp.directive('fadeIn', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attribs) {
            scope.$watch(attribs.fadeIn, function(value) {
                if (value) {
                    element.fadeIn();
                } else {
                    element.hide(); // hide immediately; don't fade out
                }
            });
        }
    };
});​