библиотека jQuery: slideUp() задержка() затем slideDown; не работает

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

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

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

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

8
delay jquery slidedown slideup

1 ответов

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

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

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

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

21