[jQuery] slideToggle() very jerky

[jQuery] slideToggle() very jerky


Hello - I am very new to jquery, so maybe I'm doing something wrong. I
am trying to create a pretty simple expanding container. This is
standard fare, with a title bar, and when you click on the +/- it
should expand/collapse the contents of the container. Functionally,
the code below is working just fine. My concern is that the movement
(in both IE and FF) is jerky. To be more specific, the rollup looks
pretty good, but when it expands again, there is a hesitation - it is
not smooth.
Am I doing something wrong? Or is this a known issue?
<!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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="javascript/jquery-1.2.6.min.js" type="text/javascript"></
script>
</head>
<body>
<table cellpadding="0" cellspacing="0" style="border: 1px black solid;
width: 300px;">
    <tr>
        <td style="background-color: navy; color: white; font-weight: bold;
padding: 5px;">
        <a href="#" onclick="$('#slide').slideToggle('slow');">
        <img alt="Expand/Collapse" src="images/Minus.gif" style="margin-
right: 10px; border-style: none;" /></a>Title</td>
    </tr>
    <tr>
        <td style="background-color: gray;">
        <div id="slide" style="width: 100%; padding: 0px; margin: 5px;">
            Vestibulum accumsan imperdiet pede. Donec est sapien, facilisis a,
pretium
            nec, vehicula in, sapien. Donec luctus. In tincidunt, sem in
dapibus
            adipiscing, pede leo euismod ligula, eget mattis est orci ut
lectus.
            Proin ligula. Donec fringilla volutpat nisl. Nam a lacus non orci
vehicula
            semper. Nam iaculis, lacus nec auctor tincidunt, velit ipsum
iaculis
            elit, eget semper nibh sapien non justo. Cras tellus turpis,
iaculis
            sit amet, tempor nec, rhoncus vitae, purus. Sed pharetra commodo
orci.
            Fusce auctor tincidunt nulla. Pellentesque habitant morbi
tristique
            senectus et netus et malesuada fames ac turpis egestas. Vivamus
tempus
            fermentum nunc. Cras rhoncus sapien vel felis. Duis elit enim,
vulputate
            in, eleifend a, tempor quis, lacus. Etiam volutpat, felis vitae
hendrerit
            pharetra, eros urna pulvinar nibh, et ultricies neque augue nec
dui.
            Phasellus non tellus. Phasellus faucibus lectus nec augue.
Praesent
            vulputate. Nam leo neque, consectetuer non, aliquet at, accumsan
vitae,
            sapien. </div>
        </td>
    </tr>
</table>
</body>
</html>