Bootstrap Alert (bootstrap v3)

bootstrap alert

    <a id="the-thing-that-opens-your-alert" href="#">Open my alert</a>

    <div id="le-alert" class="alert alert-warn alert-block alert-dismissible fade">
      <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
      <h4>Alert title</h4>
      <p>Roses are red, violets are blue...</p>
    </div>

    $('#the-thing-that-opens-your-alert').click(function () {
      $('#le-alert').addClass('in'); // shows alert with Bootstrap CSS3 implem
    });

    $('.close').click(function () {
      $(this).parent().removeClass('in'); // hides alert with Bootstrap CSS3 implem
    });

    $("#success-alert").fadeTo(2000, 500).slideUp(500, function(){
    $("#success-alert").slideUp(500);
}); // automatically close