Angular Slide Vertically Directive

ng-slide-vertically.js

// Requires jquery.js, jquery.ui.effect.js, jquery.ui.effect-slide.js
// Usage: ng-slide-vertically="scopeVariable"
angular.module('namespace').directive('ngSlideVertically', function() {
    return function(scope, element, attr) {
        scope.$watch(attr.ngSlideVertically, function ngSlideVerticallyWatchAction(value){
            if (value) {
                $(element).show('slide');
            } else {
                $(element).hide('slide');
            }
        });
    };
});