[jQuery] Complicated setup help.

[jQuery] Complicated setup help.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=us-ascii" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.18702"></HEAD>
<BODY>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009>I have run
into a problem.</SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=309480623-04062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009>I
have</SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><li
id="set_1" class="entry"><BR>  <dl><BR>   
<dt>Heading</dt><BR>    <dd class="skills">
Sample here</dd><BR>  </dl><BR></li><BR><div
class="edit_profile"> Edit</div><BR><div
class="clear"></div></SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=309480623-04062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><li
id="set_2" class="entry"><BR>  <dl><BR>   
<dt>Heading</dt><BR>    <dd class="skills">
Sample here</dd><BR>  </dl><BR></li><BR><div
class="edit_settings"> Edit</div><BR><div
class="clear"></div></SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=309480623-04062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009>same thing
as above for 3 other sections......</SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=309480623-04062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009>Click edit
loads an ajax submitted form (jQuery form Plugin from malsup) into
the  <SPAN class=309480623-04062009><li id="set_XXX"
class="entry"></div> so all the <dl> is replaced by the
form..submit and the new <dl> data is updated.</SPAN></SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><SPAN
class=309480623-04062009></SPAN></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><SPAN
class=309480623-04062009>But if a user clicks edit for set 1 then edit for set
2,3,4,and 5 all 5 divs are updated with forms, the page is now long and
ugly and the forms will not submit. Easiest way would be to close each
set+xx if they click on another edit link but how can i tell a set has an open
form and how can i return the original data?</SPAN></SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><SPAN
class=309480623-04062009></SPAN></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><SPAN
class=309480623-04062009>I was thinking of an accordian style setup where if
user clicks on another edit any open sets will be
closed.</SPAN></SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><SPAN
class=309480623-04062009></SPAN></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><SPAN
class=309480623-04062009>Ideas? Thoughts?
Suggestions?</SPAN></SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><SPAN
class=309480623-04062009></SPAN></SPAN></FONT> </DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN class=309480623-04062009><SPAN
class=309480623-04062009>thanks,</SPAN></SPAN></FONT></DIV></SPAN></FONT></DIV>
<DIV><FONT size=2 face="Trebuchet MS"><SPAN
class=309480623-04062009></SPAN></FONT> </DIV>
<DIV><FONT size=2 face=Arial>Dave</FONT></DIV></BODY></HTML>