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 08:35AM, 2011/02/24.
Mohamed Tom Field
Great,good work for all your turorials!Regards!
Mohamed Tom Field at 04:26PM, 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 06:10PM, 2011/04/06.
Fantastic script really it is useful for me.. i know it is very rare example. thanks a lot
raja at 09: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 09:21AM, 2013/04/08.
Andrew Faraone
How would I alter this to work onHover rather than onClick?
Andrew Faraone at 03:59PM, 2013/11/07.
thank u soo much very to change background blue color into white?
divya at 09:34AM, 2014/08/06.
<a href="#comment4775">divya wrote:</a>thank u soo much very to change background blue color into white?
divya at 09:35AM, 2014/08/06.
Medication information leaflet. What side effects?
<a href="">can i buy cheap pregabalin without dr prescription</a> in Canada
Some news about medicines. Read now.
KlhAU at 02:36PM, 2021/04/29.

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 - 2021