0

$(".user-panel-header .user-panel__head").click(function(e) {
  e.preventDefault();
  $(this).toggleClass("user-panel__head_active");
  $(".user-panel__user-menu").slideToggle(500);
  if ( $(".user-panel-header .user-panel__head").hasClass("user-panel__head_active") ) {
    $(".user-panel-header .user-panel__head").css({"background":"#5f8898"});
  } else {
    $(".user-panel-header .user-panel__head").delay(500).css("background","transparent");
  }
});

1
  • Я же уже видел этот вопрос... 22 июн 2017 в 5:44

2 ответа 2

2

Вот выдержка из документации jQuery:

Команда .delay() позволяет установить время задержки выполнения следующих функций анимационных эффектов в очереди для каждого элемента набора jQuery

В твоем случае тебе нужно сделать просто задержку выполнения кода через

setTimeout(function() {
     $(".user-panel-header .user-panel__head").css("background","transparent");
}, 500)
1
  • 1
    Это тоже ответ, но который я отметил "правильным" ближе к контексту jQuery. Спасибо! 21 июн 2017 в 16:12
1

Функция .delay() устанавливает задержку перед выполнением очередной функции в очереди. Вы можете поставить свою функцию в очередь с помощью .queue().

$(".user-panel-header .user-panel__head").delay(500).queue(function (next) { 
  $(this).css("background", "transparent");
  next();
});

Такой способ может оказаться более удобным, чем .setTimeout(), в случае если нужна более сложная манипуляция с элементами. Например,

$(selector)
    .delay(500)
    .queue(function (next) { /* что-то делаем */ })
    .delay(500)
    .fadeOut();
2
  • Спасибо! Не подскажешь где лучше всего учить jQuery? (Русскоязычный ресурс) 21 июн 2017 в 16:13
  • Здесь есть полезные ссылки
    – Dmitry
    21 июн 2017 в 16:22

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.