Nothing wrong with the code in its own right ... BUT you have the exact same script included on your page twice so there are 2 click handlers bound to each 'dt a', which results in the double bounce!
On Dec 22, 2:55 pm, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > Can someone look at this code.. for some reason the top expanable menu > runs "Smoothly" and the one below it are "Choppy" when they expand? > Now remember Im not really good at this... When you click on a main, > it expands and opens twice.. > > You can look at the issue here, the left hand sidebar is the > problem:http://www.oaklandregionalhospital.com/tests/new/index.html > > Here is the code: > > <!--webbot bot="HTMLMarkup" startspan --><?xml version="1.0" > encoding="utf-8"?> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en-us"> > <head> > <STYLE type="text/css"> > <!-- > A { text-decoration:none } > --> > </STYLE> > > <title>DL Demo</title> > <script src="http://jquery.com/src/jquery.js";></script> > <script> > $(document).ready(function(){ > $("dd:not(:first)").hide(); > $("dt a").click(function(){ > $("dd:visible").slideUp("slow"); > $(this).parent().next().slideDown("slow"); > return false; > }); > }); > </script> > <style> > body { font-family: Tahoma; font-size: 4px; } > dl { width: 200px; } > dl,dd { margin: 0; } > dt { background: #EBEBEB; font-size: 14px; padding: 5px; margin: > 2px; } > dt a { color: #b22222; } > dd a { color: #000; } > ul { list-style: none; padding: 5px; } > </style> > </head> > > <body> > <dl> > <dt><a href="/">Surgical Services</a></dt> > <dd> > <ul> > <a><b>Orthopedic Services:</b></a></li> > <li><a href="/docs/">Reconstructive Surgery</a></li> > <li><a href="/blog/">Hand - Elbow Injuries & > Conditions</a></li> > <li><a href="/blog/">Shoulder Injuries & Conditions</a></li> > <li><a href="/blog/">Arthroscopic Surgery</a></li> > <li><a href="/blog/">Total Joint Replacement</a></li> > <li><a href="/blog/">Foot - Ankle Injuries & > Conditions</a></li> > <li><a href="/blog/">Sports Medicine</a> > <li><a><b>Cardiovascular Services:</b></a></li> > <li><a href="/blog/">Peripheral Angiogram</a> > <li><a href="/blog/">Endovascular Atherectomy</a> > > </ul> > </dd> > <dt><a href="/">Podiatry & Wound Services</a></dt> > <dd> > <ul> > <li><a href="/dev/">Podiatry and Wound Services</a></li> > </ul> > <dt><a href="/dev/">Gynecological Services</a></dt> > <dd> > <ul> > > <li><a href="/src/">Gynecological Services</a></li> > </ul> > </dd> > <dt><a href="/">Imaging Services</a></dt> > <dd> > <ul> > <li><a href="/docs/">Radiology</a></li> > <li><a href="/blog/">Magnetic Resonance Imaging (MRI)</a></li> > <li><a href="/blog/">Computerized Tomography (CT)</a></li> > </ul> > </dd> > <dt><a href="/">Rehabilitation Services</a></dt> > <dd> > <ul> > <li><a href="/docs/">Physical Therapy</a></li> > <li><a href="/blog/">Occupational Therapy</a></li> > <li><a href="/blog/">Speech Therapy</a></li> > > </dl> > </body> > </html> > <!--webbot bot="HTMLMarkup" endspan -->
