// format:

, where: // a. "foo" is any word of your choice. // b. "-#" is any number between "-1" and "-9". // c. class ALWAYS equals "hidden". // The "-#" sets the speed at which the box shows/hides itself, with 1 // being slowest and 9 fastest. If you forget to add your speed number // or add it incorrectly, the script will default to 5. // Here's a proper example: //

// [The stuff you want to show/hide] //

// 3. Add onclick="toggle();" and id="toggle" to whatever element you'd like // to use to toggle the hidden content box. MAKE THE TOGGLED // OBJECT/TEXT/BUTTON display:none WITHIN YOUR STYLESHEET! The script will // unhide it. This is so it will not show up when someone has JavaScript // disabled. // // Here's a proper example: // // // 4. Add onload="setup();" to your tag. // var Hide = ""; var varHt = 0; var Ht = ""; var x = 0; var y = 10; var z = 6; var foo = new Array(); var Speed = ""; var sIsOpen = false; var userClosed = false; function setupToggle() { foo = document.getElementsByTagName("div"); for (i=0;i Ht) { varHt = Ht; x = 1; sIsOpen = true; } } else { document.getElementById(Hide).style.height = varHt+'px'; varHt = varHt-z; if ((Ht-varHt) <= Ht) { setTimeout('toggle(0)',y); } if ((Ht-varHt) > Ht) { varHt = 0; document.getElementById(Hide).style.height = varHt+'px'; x = 0; var obj = document.getElementById (Hide); if (obj) { if (obj.style) { obj = obj.style; obj.display= 'none'; obj.visibility= 'hidden'; sIsOpen = false; } } } } }