angular directive to fadeIn/hide

gistfile1.js

    /**
     * Fades an element in when the model changes.  Restricted to attributes.
     *
     * Usage:
     *
     * <div di-fade-in="foo"/>
     */
    di.directive('diFadeIn', function () {
        return {
            restrict: 'A',
            link: function (scope, element, attribs) {
                scope.$watch(attribs.diFadeIn, function (value) {
                    if (value) {
                        element.fadeIn();
                    } else {
                        element.hide(); // hide immediately; don't fade out
                    }
                });
            }
        };
    });