Easy Drop Down Container

Jeff Manning Jul 15, 2005

General

Click on the arrow to reveal/hide contents. Can be used for a drop down menu or to hide/reveal content on a Web page.


  Put your heading here   arrow down
  • Lorem ipsum dolor.
  • Ut wisi enim ad.
  • Vel illum dolore.
  • luptatum zzril.

Notes

  • Created by: Jeff Manning
  • Web Site:
  • Posted: July 15, 2005

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: easyDropDownContainer.js


CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Head

Paste this code into the HEAD section of your HTML document.


Body

Paste this code into the BODY section of your HTML document


Other

Download the images using the URL below:

Leave a Response

(5 comments)

Your question is beyond the scope of these comments. You will need to post it over on [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]the JavaScript forum[/a]. Thanks!

Lee Oct 31, 2008

this script dosen't work in firefox3,but your sample that is in this site work TRULY[br /]please help me[br /]i like learn more javascript.[br /]thanks.

behzad Oct 31, 2008

You need to submit your question to the [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]JavaScript Forum[/a].

Lee May 25, 2007

how can i get this to allow me to do multiple drop down containers? now i have multiple boxes, but if i click any of the arrows it only will expand the first... i am VERY new at this java script, but i do have some deadlines i need to meet...

WHS Student Apr 18, 2007

I just wanted to say this is the first javascript that I have come across that was easy to understand how and where to load. I love the tab style. Wish they were all this easy. Wish I could get the tab scripts to work for me. Just keep praying ;-)[p]Thank you, Thank you, Thank you.[p]EHM

Elizabeth McElvaney Nov 30, 2006