Próbuję zaimplementować bardzo prosty element powiadomienia o stopce, aby przesuwać się na chwilę, a następnie ześliznąć z powrotem. Używam:jQuery: slideUp() delay() then slideDown; nie działa
$('button').click(function() {
$('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});
Jednak po kliknięciu przycisku opóźnia do 1500 ms następnie ześlizguje się i nie ześlizguje.
Co rzeczywiście chcesz to:
$('#message-box').slideDown('slow').delay(1500).slideUp('slow');
You can test it here. Chociaż wydaje się nieco wstecz, biorąc pod uwagę twój układ, .slideDown() jest dla pokazujący element, a .slideUp() jest dla ukrywanie elementu ... mimo że biorąc pod uwagę twój CSS to faktycznie wzrośnie, kiedy pokazano.
Również na marginesie, nie trzeba <html> i <body> znaczniki podczas edycji skrzypce, są one już wliczone ... żadnych treści w ramce html pójdzie wewnątrz <body>.
Doh, zupełnie nie zauważyłem tego dziwactwa, głupota :) Dzięki Nick! – Ryan