[jQuery] Help with simple function
<!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.6001.18226" name=GENERATOR></HEAD>
<BODY>
<DIV><FONT face="Trebuchet MS" size=2><SPAN class=270473821-30052009>Trying to
click hide contents of div, show loading, hide loading and fade new contents in
when loaded.</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=270473821-30052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN class=270473821-30052009>This works
but does not have the loading effects</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=270473821-30052009>$('a.save_me').click(function()
{<BR> $(this).fadeOut("slow");<BR>
$('.job_save').load(<BR>
$(this).attr('href'),<BR> function ()
{<BR>
$(this).fadeIn("slow");<BR> });<BR> return
false;<BR>});<BR> <BR> <BR> This shows the
loading effects then nothing happens<BR> <BR>
$("a.save_me").click(function(){<BR> var id =
$(this).attr('id');<BR> $(".job_save").fadeOut("fast",
function(){<BR> $("#loading").show(function(){<BR> $(".job_save").load('/jobs/myjobs/'
+ id ,
function(){<BR> $("#loading").hide(function(){<BR> $(".job_save").fadeIn("fast");<BR> });<BR> });<BR> });<BR> });<BR> }); </SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=270473821-30052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN class=270473821-30052009>can someone
point out to me the error?</SPAN></FONT></DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=270473821-30052009></SPAN></FONT> </DIV>
<DIV><FONT face="Trebuchet MS" size=2><SPAN
class=270473821-30052009>Thanks</SPAN></FONT></DIV>
<DIV> </DIV>
<DIV align=left><FONT face=Arial size=2>Dave</FONT></DIV></BODY></HTML>