如何使用twitter bootstrap显示/隐藏特定警报？

Question

这是我正在使用的警报示例:

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

我知道$(".alert").show()并$(".alert").hide()会显示/隐藏.alert班级的所有元素.但是,鉴于其ID,我无法弄清楚如何隐藏特定警报.

我想避免使用.alert("close"),因为这会永久删除警报,我需要能够回忆它.

Answer 1

您需要使用id选择器:

 $('#passwordsNoMatchRegister').show();
 $('#passwordsNoMatchRegister').hide().

#是一个id选择器,passwordsNoMatchRegister是div的id.

Answer 2

将"collapse"类添加到警报div,默认情况下警报将"折叠"(隐藏).您仍然可以使用"show"调用它

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

Answer 3

除了之前的所有答案之外,别忘了在使用简单之前隐藏警报 style="display:none;"

<div class="alert alert-success" id="passwordsNoMatchRegister" role="alert" style="display:none;" >Message of the Alert</div>

然后使用:

$('#passwordsNoMatchRegister').show();

$('#passwordsNoMatchRegister').fadeIn();

$('#passwordsNoMatchRegister').slideDown();