"Autocloseable alert message"
Bootstrap 3.1.0 Snippet by fellipesousa

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row"> <div class="col-md-12"> <div class="alert alert-info alert-autocloseable-info"> <div class="row"> <div class="col-md-2"> <img src="http://fakeimg.pl/48x48/?text=Logo&font=arial" alt="Prevent Senior - Aplicativo" class="img-circle"> </div> <div class="col-md-10 text-left"> <small class="text-left">Faça o download do Aplicativo Rede Própria Prevent Senior e tenha acesso aos endereços, telefones, especialidades, serviços, planos atendidos e muito mais para sua comodidade.</small> </div> </div> </div> </div> </div>
$(document).ready(function () { $('#autoclosable-btn-info').prop("disabled", true); $('.alert-autocloseable-info').show(); $('.alert-autocloseable-info').delay(6000).fadeOut( "slow", function() { // Animation complete. $('#autoclosable-btn-info').prop("disabled", false); }); $(document).on('click', '.close', function () { $(this).parent().hide(); }); });

Related: See More


Questions / Comments: