[jQuery] Best Practice? Sliding table rows up and down

[jQuery] Best Practice? Sliding table rows up and down

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD>
<BODY>
<DIV><FONT face=Arial size=2><SPAN class=152285114-17092007>I've been in this
situation before and gone a different route, but this time I'd really like to
use a table for my data, but have the ability to show/hide certain rows
using slideUp/slideDown.</SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2><SPAN
class=152285114-17092007></SPAN></FONT> </DIV>
<DIV><FONT face=Arial size=2><SPAN class=152285114-17092007>I originally tried
sliding the actual TR up/down but it wasn't working correct. I ahve a table with
6 columns, with the hidden TR having a single column with colspan='6' on it.
Sliding that down screwed up the table in both IE and FF. So I seemed to recall
hearing that some people used colspan on the TD, but put a DIV inside that. That
"works" but the animation is a little choppy AND the table has a miniscule shift
left to right when I click the toggle switch. It goes away as soon as the
animation is done, but I'd rather not have that chop.</SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2><SPAN
class=152285114-17092007></SPAN></FONT> </DIV>
<DIV><FONT face=Arial size=2><SPAN class=152285114-17092007>So my question is,
what is the best, preferred way to show/hide additional information in this sort
of situation?</SPAN></FONT></DIV>
<DIV> </DIV>
<DIV align=left><SPAN style="FONT-SIZE: 14px"><B><FONT face="Century Gothic">
<DIV align=left><SPAN class=159130414-05012007><FONT face=Arial size=2><SPAN
class=159130414-05012007><FONT face=Arial
size=2>____________________________________</FONT></SPAN></FONT></SPAN></DIV>
<DIV><SPAN class=159130414-05012007><FONT face=Arial size=2><SPAN
class=159130414-05012007></SPAN></FONT></SPAN> </DIV>Andy
Matthews<BR></FONT></B></SPAN><SPAN style="FONT-SIZE: 11px"><FONT
face="Century Gothic"><SPAN
style="FONT-SIZE: 8.5pt; FONT-FAMILY: 'Century Gothic'; mso-fareast-font-family: 'Times New Roman'; mso-bidi-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA; mso-no-proof: yes">Senior
ColdFusion Developer</SPAN><BR></FONT></SPAN><SPAN style="FONT-SIZE: 11px"><FONT
face="Century Gothic"><FONT color=#808080><IMG alt="" hspace=0
src="cid:152285114@17092007-16E6" border=0><BR></FONT>Office:  877.707.5467
x747<BR>Direct:  615.627.9747<BR>Fax:
 615.467.6249</FONT></SPAN></DIV>
<DIV><SPAN style="FONT-SIZE: 11px"><FONT
face="Century Gothic">amatthews@dealerskins.com<BR><A
href="http://www.dealerskins.com/">www.dealerskins.com</A></FONT></SPAN></DIV>
<DIV> </DIV></BODY></HTML>