[jQuery] Close any other row before showing a new one
<!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.16414" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=323420120-28032007><FONT face=Arial size=2>I've got a series of
rows of data, some of which can be expanded to show additional information. I'd
like to hide any open row before showing a new one. I've tried hiding all of
them (or sliding up) but the display goes wonky because most of them are NOT
open. </FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial size=2>This is what a row
looks like:</FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial size=2><div
id="specials-123456-details" class="hidden"></div></FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2>or</FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007>
<DIV><SPAN class=323420120-28032007><FONT face=Arial size=2><div
id="newInv-997845-details"
class="hidden"></div></FONT></SPAN></DIV></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial size=2>I'm using
slideToggle to open the row:</FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2>$(child).html(data).slideToggle("fast");</FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial size=2>and I've tried
hiding them like so:</FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2>$('.hidden').slideUp();</FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2>and</FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2>$('.hidden').hide();</FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial size=2>So I'm wondering,
how can I get ONLY the ones that are open already?</FONT></SPAN></DIV>
<DIV><SPAN class=323420120-28032007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><FONT face=Arial size=2></FONT> </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:323420120@28032007-3093" 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><FONT face=Arial size=2></FONT> </DIV></BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/