Faded Alert - TIMEOUT BASED

Fade in the alert with JQuery by adding the "in" class.

by bizamajig

HTML

<div id="myAlert" class="alert success fade" data-alert="alert">This is the alert.</div>

CSS

@import url('http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css');
 .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}

JavaScript

function showAlert() {
    $("#myAlert").addClass("in");
}

window.setTimeout(function () {
    showAlert();
}, 1000);