jQuery: slideUp() delay() затем slideDown; не работает

Я пытаюсь реализовать очень простой элемент уведомления нижнего колонтитула, который на мгновение скользит вверх, а затем скользит вниз. Я использую:

$('button').click( function () {
    $('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});

Однако, когда вы нажимаете кнопку, она задерживается на 1500 мс, затем скользит вверх и никогда не скользит вниз.

http://jsfiddle.net/jrMH3/17/

Источник

1 ответ

Решение

То, что вы на самом деле хотите, это:

 $('#message-box').slideDown('slow').delay(1500).slideUp('slow');

Вы можете проверить это здесь. Хотя это кажется немного задом наперед, учитывая ваш макет, .slideDown() для показа элемента, и .slideUp() предназначен для сокрытия элемента... хотя с учетом вашего CSS это на самом деле идет вверх, когда показано.

Также как в стороне, вам не нужно <html> а также <body> теги при редактировании скрипта, они уже включены... любой контент во фрейме html попадет внутрь <body>,

Источник
Другие вопросы по тегам