There is one liner code for Toggle class in jquery
$('#page-wrapper').toggleClass('nav-small');
But what if we want to do it in a angular way
So I made simple directive for same:
module.directive('toggleClass', function() {
return {
restrict: 'A',
link: function(scope, element, attrs) {
element.bind('click', function() {
element.toggleClass(attrs.toggleClass);
});
}
};
});
so you can make any element toggle class you need
<button id="btn" toggle-class="active">Change Class</button> <div toggle-class="whatever"></div>
Hey, if there's anybody I can help out there, just let me know. Thanks ;)
No comments:
Post a Comment