Excellent Animated Javascript Sliding DIV

Excellent Animated Javascript Sliding DIV

Posted by matt on Thu, 26/07/2007 - 6:02pm in

This is an excellent tutorial (with complete download JS code) that allows us to create a hidden DIV of whatever we'd like (for example a help section) on our webpage, which slides into view when the trigger link is clicked. It can then be closed with a click on a secondary trigger link.

It looks very stylish and smoothly animated in both Firefox2+ and IE6+ (I haven't tested any other browsers with it yet).

The Animated Javascript Sliding DIV tutorial is here.

There is also a single link toggle modification to the script here

Very nice little script, and super simple to use.

Post new comment
The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

CAPTCHA
We need to know if you're a human :)
Copy the characters (respecting upper/lower case) from the image.