Как я могу показать/скрыть конкретное предупреждение с помощью twitter bootstrap?

Вот пример предупреждения, которое я использую:

<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. Однако я не могу понять, как скрыть конкретное предупреждение, учитывая его идентификатор.

Я хочу избежать использования .alert("close"), так как это постоянно удаляет предупреждение, и мне нужно его запомнить.

Ответы

Ответ 1

Вам нужно использовать селектор id:

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

# является селектором id, а passwordsNoMatchRegister является идентификатором div.

Ответ 2

Добавьте класс "свернуть" в 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>

Ответ 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();

Ответ 4

Для всех, кто правильно ответил с помощью метода jQuery $('#idnamehere').show()/.hide(), спасибо.

Кажется, что <script src="http://code.jquery.com/jquery.js"></script> был ошибочно написан в моем заголовке (что объясняло бы, почему на этой странице не работали предупреждения).

Спасибо миллион, хотя, и жаль, что тратили свое время!

Ответ 5

Используйте селектор id #

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

Ответ 6

Просто используйте идентификатор вместо класса? Я действительно не понимаю, почему вы спросите, когда, похоже, вы знаете JQuery?

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

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

Ответ 7

Вы можете просто использовать селектор id (#), как это.

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

Ответ 8

Я использую это предупреждение

<div class="alert alert-error hidden" id="successfulSave">
  <span>
    <p>Success! Result Saved.</p>
  </span>
</div>

повторно на странице каждый раз, когда пользователь успешно обновляет результат:

$('#successfulSave').removeClass('hidden');

чтобы снова скрыть его, я вызываю

$('#successfulSave').addClass('hidden');