Comment afficher/masquer une alerte spécifique avec twitter bootstrap ?

Question

Voici un exemple d'alerte que j'utilise :

<div class="alert alert-error" id="passwordsNoMatchRegister">
  <span>
    <p>Looks like the passwords you entered don't match!</p>
  </span>
</div>

Je sais que $(".alert").show() y $(".alert").hide() affichera/masquera tous les éléments de l .alert classe. Cependant, je ne parviens pas à trouver comment masquer une alerte spécifique, compte tenu de son identifiant.

Je veux éviter d'utiliser .alert("close") car cela supprime définitivement l'alerte, et je dois pouvoir la rappeler.

Answer 1

JS

function showAlert(){
    $('#alert').show();
    setTimeout(function() { 
        $('#alert').hide(); 
    }, 5000);
}

HTML

<div class="alert alert-success" id="alert" role="alert" style="display:none;" >YOUR MESSAGE</div>

Answer 2

J'ai découvert que si vous avez d-flex dans votre classe, l'alerte ne sera pas masquée.

J'avais :

class="alert alert-danger d-flex align-items-center"

Je l'ai remplacé par :

class="alert alert-danger align-items-center"

jQuery:

$('#MyAlert').hide()