New on

DHTML Chess Wordpress Plugin (Beta) . Participate in the beta testing of the DHTML Chess for WordPress plugin, and receive a free Commercial License worth USD99.

Scroll down content script


Bookmark and Share

Put this into your <HEAD> section

Put this into your <BODY> section

Put the code in the textarea below where you want the pulldown to appear.



Put the slide down content right below the line <!-- slide down content goes here --> in the code

This is the typical code used to show the content:

<a href="#" onclick="slidedown_showHide('box1');return false;">Try it</a>

"box1" is the id of the slide down box.


This javascript function is optional. Use it to modify the animation speed.:

  1. setSlideDownSpeed(newSpeed) - Set slide down speed

The speed and width could also be adjusted manually in the javascript and css code if you don't want to use the javascript functions.

By modifying the cascading style sheet(CSS) of the .dhtmlgoodies_contentBox, you can change the appearance of the slide down content.

border:1px solid #317082; /* Border color and style */
background-color:#E2EBED; /* Background color */

For further information, see how these functions and CSS are used in the code.

Update log

  • December, 13th, 2006 - Supporting more than one box per page


Is there a way to make this work so that only one slide down content box is visible at a time? As it is you can expand every div at once and I'd like to make it so that if another div is expanded the previous one closes automatically.
Teri at 01:35AM, 2011/02/24.
Mohamed Tom Field
good work for all your turorials!
Mohamed Tom Field at 09:26AM, 2011/03/01.
Paulo Henrique
I want something similar as Teri... I want the initial value to be opened when the browser load the page.
Paulo Henrique at 12:10PM, 2011/04/06.
Fantastic script really it is useful for me.. i know it is very rare example. thanks a lot
raja at 03:50AM, 2012/08/23.
How can I make the link and content horizontally align in a parallel line?

I use "float:left;", but nothing changed.
Ronald at 03:21AM, 2013/04/08.
Andrew Faraone
How would I alter this to work onHover rather than onClick?
Andrew Faraone at 08:59AM, 2013/11/07.
thank u soo much very to change background blue color into white?
divya at 03:34AM, 2014/08/06.
<a href="#comment4775">divya wrote:</a>
thank u soo much very to change background blue color into white?

divya at 03:35AM, 2014/08/06.

Post your comment

Don't have an avatar? Create one at

Confirmation code:

Go to

About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2017