Блог

Главная - Вопросы по программированию - jQuery .slideDown() для каждого абзаца

jQuery .slideDown() для каждого абзаца

#javascript #jquery #html #delay #paragraph

#javascript #jquery #HTML #задержка #абзац

Вопрос:

Я пытаюсь заставить slideDown устанавливать какую-то задержку каждый раз, когда я начинаю новый абзац. Кто-нибудь может мне помочь? Я думаю, что я видел функцию step, но у меня это не сработало. Я новичок в html / css / javascript

HTML:

 <p><font color = "white"> >>></font> Opening new terminal . . . </p>

<p> <font color = "white"> >>></font> Successful . . . </p>

<p> <font color = "white"> >>></font> Executing ./xxx </p>

Slidedown

 $( document.body ).click(function () {
  if ( $( "p:first" ).is( ":hidden" ) ) {
  $( "p" ).slideDown(900);
 } else {
  $( "p" ).hide();
} });

Комментарии:

1. Вы должны использовать HTML-объекты amp;> и amp;< вместо <> символов, когда хотите их отобразить.

2. И CSS ( color: white ), нет <font> .

Ответ №1:

сделайте так

  $(document).click(function () {
    if ($("p:first").is(":hidden")) {
        $("p").slideDown(900);
    } else {
        $("p").hide();
    }
});

ДЕМОНСТРАЦИЯ

На самом деле в вашем контексте вы скрываете весь элемент p при нажатии на body .затем вы снова нажимаете, в теле нет элемента. вместо того, чтобы использовать для щелчка документа, это будет работа

Метки: