ngVisible angular directive

gistfile1.js

.directive('ngVisible', function () {
    return function (scope, element, attr) {
        scope.$watch(attr.ngVisible, function (visible) {
            element.css('visibility', visible ? 'visible' : 'hidden');
        });
    };
})

For those who want to toggle a class (FYI "invisible" is the correct Bootstrap class name, you're welcome:)):

element[visible ? 'removeClass' : 'addClass']('invisible');

Thanks for your time and efforts