• Calendars
• Date & Time
• Document Effects
• Dynamic Content
• Form Effects
• Games
• Image Effects
• Links & Tooltips
• Menus & Navigation
• Mouse and Cursor
• Scrollers
• Text Animations
• User/System Preference
• Window and Frames
• Other
• XML and RSS

DaniWeb Web Dev Community

DaniWeb is an exciting community for web developers, Internet marketers, and technology enthusiasts.

• Script Forums
• Recommend Us
• Usage Terms
• Free JavaScripts

• IE5+: IE 5 and above
• FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
• Opr7+: Opera 7 and above.

Script Index Page Adding arbitrary links that expand/ collapse the contents Taking advantage of the oninit() and onopenclose() event handlers Accordion Menu script

Accordion Menu script (v1.6)

Creating an Accordion Menu is trivial using Accordion Content script. It basically just comes down to styling your headers and expanding content to conform to that desired menu look. The following are Accordion Menu examples with full source code to get you started:

• Bullet list accordion menu
  
   
• Glossy accordion menu
  
   
• Apple silver accordion menu
  
   
• Urban Gray accordion menu
  
   

Table Of Contents

• Script Index Page
• Adding arbitrary links hat expand/ collapse the contents
• Taking advantage of the oninit() and onopenclose() event handlers
• Accordion Menu script
  • Bullet list accordion menu (2 examples)
  • Glossy accordion menu (2 examples)
  • Apple style accordion menu (mouseover)
  • Urban Gray accordion menu (mouseover)