Home/ Questions/Q 1113793
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T02:54:33+00:00

I’m trying to implement a very simple footer notification element to slide up for

  • 0

I’m trying to implement a very simple footer notification element to slide up for a moment, then slide back down. I’m using:

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

However, when you click the button, it delays for the 1500 ms then slides up and never slides down.

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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you actually want is this:

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

    You can test it here. Though it seems a bit backwards given your layout, .slideDown() is for showing an element, and .slideUp() is for hiding an element…even though given your CSS it’s actually going up when shown.

    Also as an aside, you don’t need <html> and <body> tags when editing the fiddle, these are already included…any content in the html frame will go inside the <body>.

    • 0