[jQuery] Just can't seem to figure way...
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 -->