[jQuery] Stop pending AJAX processes?

[jQuery] Stop pending AJAX processes?

<!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=965094713-06042007><FONT face=Arial size=2>First a small
walk-through of what I've got now:</FONT></SPAN></DIV>
<DIV><SPAN class=965094713-06042007><FONT face=Arial size=2><A
href="http://www.commadelimited.com/uploads/psychic">http://www.commadelimited.com/uploads/psychic</A></FONT></SPAN></DIV>
<DIV><SPAN class=965094713-06042007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=965094713-06042007></SPAN><FONT face=Arial size=2><SPAN
class=965094713-06042007>Right now, if you click any of the black images, it
triggers an AJAX call which places it's response in a hidden div.
That's easy enough and already works. In an effort to make this work as speedily
as possible, I'd like to do following:</SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2><SPAN
class=965094713-06042007></SPAN></FONT> </DIV>
<DIV><FONT face=Arial size=2><SPAN class=965094713-06042007>1) When ANY
"session" first opens, every row that has more data (indicated by the
black image which has a class of "nav") should make it's
associated AJAX call and return it's information. I would like this to happen
with no action from the user.</SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2><SPAN
class=965094713-06042007></SPAN></FONT> </DIV>
<DIV><FONT face=Arial size=2><SPAN class=965094713-06042007>2) If the user
switches to a new accordion section, ideally I'd like to cancel all pending AJAX
calls, then trigger new calls for the current accordion
section.</SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2><SPAN
class=965094713-06042007></SPAN></FONT> </DIV>
<DIV><FONT face=Arial size=2><SPAN class=965094713-06042007>So, that's my
question...is this possible, and if so, how would I do it? The thought is
that the user will spend at least a few seconds looking at the basic interface
before clicking into any of the details. It would be awesome if, when the user
clicks any details image, that the data was already there and the details would
just slide open.</SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2><SPAN
class=965094713-06042007></SPAN></FONT> </DIV>
<DIV><FONT face=Arial size=2><SPAN class=965094713-06042007>Anyone have any
ideas how to accomplish this, if it's even possible?</SPAN></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:965094713@06042007-16CA" 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>