How can I show hide a specific alert with twitter bootstrap

Question

Here s an example of an alert I m using    lt div class  alert alert-error  id  passwordsNoMatchRegister  gt     lt span gt       lt p gt Looks like the passwords you entered don t match  lt  p gt     lt  span gt   lt  div gt    I know that     alert   show   and     alert   hide   will show hide all the elements of the  alert class  However  I cannot figure out how to hide a specific alert  given its id   I want to avoid using  alert  close    since that permanently removes the alert  and I need to be able to recall it

User · Answer

JS          function showAlert                 alert   show             setTimeout function                       alert   hide                 5000               HTML   lt div class  alert alert-success  id  alert  role  alert  style  display none    gt YOUR MESSAGE lt  div gt

User · Answer

On top of all the previous answers  dont forget to hide your alert before using it with a simple style  display none     lt div class  alert alert-success  id  passwordsNoMatchRegister  role  alert  style  display none    gt Message of the Alert lt  div gt    Then use either       passwordsNoMatchRegister   show         passwordsNoMatchRegister   fadeIn         passwordsNoMatchRegister   slideDown

User · Answer

I use this alert    x000D   x000D  function myFunction     x000D         passwordsNoMatchRegister   fadeIn 1000   x000D     setTimeout function      x000D             passwordsNoMatchRegister   fadeOut 1000    x000D        5000   x000D    x000D   lt link rel  stylesheet  href    maxcdn bootstrapcdn com bootstrap 3 3 7 css bootstrap min css  gt  x000D     lt script src    ajax googleapis com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D     lt script src    maxcdn bootstrapcdn com bootstrap 3 3 7 js bootstrap min js  gt  lt  script gt  x000D   x000D   x000D   lt button onclick  myFunction    gt Try it lt  button gt   x000D   x000D   x000D   lt div class  alert alert-danger  id  passwordsNoMatchRegister  style  display none   gt  x000D       lt strong gt Error  lt  strong gt  Looks like the passwords you entered don t match  x000D     lt  div gt  x000D     x000D    x000D     x000D   x000D   x000D

User · Answer

Add the  collapse  class to the alert div and the alert will be  collapsed   hidden  by default  You can still call it using  show    lt div class  alert alert-error collapse  role  alert  id  passwordsNoMatchRegister  gt     lt span gt     lt p gt Looks like the passwords you entered don t match  lt  p gt     lt  span gt   lt  div gt

User · Answer

I use this alert    lt div class  alert alert-error hidden  id  successfulSave  gt     lt span gt       lt p gt Success  Result Saved  lt  p gt     lt  span gt   lt  div gt    repeatedly on a page each time a user updates a result successfully       successfulSave   removeClass  hidden      to re-hide it  I call      successfulSave   addClass  hidden

User · Answer

For all of you who answered correctly with the jQuery method of     idnamehere   show    hide    thank you    It seems  lt script src  http   code jquery com jquery js  gt  lt  script gt  was misspelled in my header  which would explain why no alert calls were working on that page    Thanks a million  though  and sorry for wasting your time

User · Answer

You can simply use id   selector like this        passwordsNoMatchRegister   show         passwordsNoMatchRegister   hide

User · Answer

I had this problem today  was in a lot of time crunch  so below idea worked    setTimeout with  1 sec   -- call a function that shows the div setTimeout with 10 sec  -- call a function that hides the div   Fade is not there  but that bootstrap feeling will be there   Hope that helps

User · Answer

Use the id selector        passwordsNoMatchRegister   show

User · Answer

You need to use an id selector      show      passwordsNoMatchRegister   show       hide      passwordsNoMatchRegister   hide        is an id selector and passwordsNoMatchRegister is the id of the div

User · Answer

Just use the ID instead of the class   I dont really understand why you would ask though when it looks like you know Jquery         passwordsNoMatchRegister   show         passwordsNoMatchRegister   hide

[javascript] How can I show/hide a specific alert with twitter bootstrap?

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to twitter-bootstrap