Alert com fechamento automático
Neste exemplo o alert pode ser aberto e fechado várias vezes
function abre1() { $(".aviso1").stop().fadeTo(1, 1).removeClass('d-none'); window.setTimeout(function() { $(".aviso1").fadeTo(500, 0).slideUp(500, function(){ $(".aviso1").addClass('d-none'); }); }, 3000); }
Já neste exemplo o alert só pode ser aberto e fechado uma única vez
function abre2() { $(".aviso2").removeClass('d-none'); window.setTimeout(function() { $(".aviso2").fadeTo(500, 0).slideUp(500, function(){ $(".aviso2").remove(); }); }, 3000); }
ATENÇÃO! Substitua o jquery do Bootstrap pela versão abaixo:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>