How to toggle a bootstrap alert on and off with button click?

Question

I want to display an alert box multiple times with a button click event without having to refresh the page but the alert box only shows up once. If I want to show the alert box

Answer 1

You can add .hidden class to you alert and then toogle it. See: JSFiddle

HTML

Show Alert


        
        ×
     
    Warning! Better check yourself, you're not looking too good.

JavaScript

$("#show-my-alert, .close").click(function() {
    $("#my-alert").toggleClass("hidden");
});