Я пытаюсь внедрить очень простой элемент уведомления нижнего колонтитула, чтобы мгновенно перейти на него, а затем отступить назад. Я использую:jQuery: slideUp() delay() then slideDown; не работает
$('button').click(function() {
$('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});
Однако, при нажатии на кнопку, она задерживает в течение 1500 мс затем скользит вверх и никогда не скользит вниз.
То, что вы на самом деле хотите это:
$('#message-box').slideDown('slow').delay(1500).slideUp('slow');
You can test it here. Хотя это выглядит немного назад, учитывая ваш макет, .slideDown() для показывает элемент, а .slideUp() для скрывает элемент ... даже при том, что, учитывая ваш CSS, он фактически поднимается, когда отображается.
Кроме того, как в сторону, вам не нужно <html> и <body> тегов при редактировании скрипки, они уже включены ... любой контент в HTML кадре будет идти внутри <body>.
Doh, полностью не заметил этого причуда, глупо :) Спасибо, Ник! – Ryan