5,515 views

Removing the "hidden" class will do the trick.

By Rnel, on May 03, 2015, under Bootstrap Tutorials

Because bootstrap's hidden class has ! important, jQuery's .show() function won't perform correctly, just remove the class and the element will appear. This is tested with Bootstrap 3.3.4 and jQuery 1.11.2

$("elem").removeClass("hidden");
 

To add a show effect, hide the element first before removing the hidden class, and then call whatever effect you want to use. For this example, I'd like to use a .fadeIn() effect, so here's what's I'm gonna code.

$("elem").hide().removeClass("hidden").fadeIn();
 
 

Live Demo

 
To know how to dynamically hide an element on BootStrap 3, read the BootStrap Tutorial Dynamically hide an element using Bootstrap 3