CODE EXAMPLE FOR JAVASCRIPT

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');
});