Try this: window.onload=show;
function show(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('submenu'+i)) {document.getElementById('submenu'+i).style.display='none';} } if (d) {d.style.display='block';} } function showhide(id) { if (document.getElementById(id).style.display=="none"){ document.getElementById(id).style.display="block" } else{ document.getElementById(id).style.display="none" } } in HTML: <dt><a href="#">Home page</a></dt> <dt onclick="javascript:showhide('submenu1');">Technology</dt> Though I'm sure the JavaScript could be cut further. Regards Mike 2k:)2 ____________________________________________________________________________________ Mike Foskett Web Standards, Accessibility & Testing Consultant Multimedia Publishing and Production British Educational Communications and Technology Agency (Becta) Milburn Hill Road, Science Park, Coventry CV4 7JJ Email: [EMAIL PROTECTED] Tel: 02476 416994 Ext 3342 [Tuesday - Thursday] Fax: 02476 411410 www.becta.org.uk ____________________________________________________________________________________ -----Original Message----- From: john [mailto:[EMAIL PROTECTED] Sent: 16 March 2005 10:09 To: web standards group Subject: [WSG] question about CSS menu (javascript) Hello. I'm doing a drop-down menu (a bit differently than usual), and there is only one thing I can't seem to accomplish. The menu is at http://www.drzeus.net/lab/verticalmenu.html The user should be able to click on a tab to expand it, which it currently does, but clicking it again should contract the menu (that's the part I need help with, please). I realize that a javascript question isn't exactly about standards, but since the menu itself is XHTML/CSS, and hopefully others will find the menu useful. Thank you. -- ~john _________________________ Dr. Zeus Web Development http://www.DrZeus.net "content without clutter" ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** ********************************************************************** This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. This footnote also confirms that this email message has been swept by MIMEsweeper for the presence of computer viruses. www.mimesweeper.com ********************************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************