jquery visibility effects
//show effect
this.element.css({visibility:"visible", opacity: 0.0}).animate({opacity: 1.0}, 300, () => {
this.element.removeClass('hidden');
});
//hidden effect
this.element.animate({opacity: 0.0}, 200, () => {
this.element.css("visibility","hidden");
this.element.addClass('hidden');
});