[jQuery] Best Practise Question

[Dave Maharaj :: WidePixels.com]

I have the following set up:

When you click "edit" and the #manage_award toggles out and the
#manage_award_edit toggles in giving and overlapping effect. On every
browser it looks fine but in FF if I have the browser open for a while the
memory FF uses gets up to 800k or more and the toggle looks jittery or
stalls thru the effect.

I am wondering if there is anything I should not toggle? Size? Height of the
toggle? Right now I am toggling out straight html and toggle in a mini form
with 3 fields, no images and pretty basic css.

If there is anything in the script itself that could be cleaned or improved?

Any ideas or insight would be great.

Thanks
 
<div id="manage_award">
    <dl>
        <dt>Title</dt>
        <dd>Something here</dd>
        <dd><a href="/manage/award" class="request">Edit</a></dd>
    </dl>      
</div>
     
  <div id="manage_award_edit" class="hidden"></div>
 
 
 
 
$("a.request").live('click', function (){
  var url_id = $(this).attr("href");
  var request_id = url_id.substr(1).replace( new RegExp( "/" ,"g"), "_" );
  var set_id = (request_id.replace("_edit", ""));

  $('#' + set_id).append('<div class="loading"></div>');
  $('.loading').fadeIn('normal');
   if( $('#' + request_id).hasClass("loaded"))
    {
     $('.loading').slideUp('normal').remove();
     
     $('#' + set_id).slideToggle('slow').toggleClass("hidden");
     $('#' + request_id).slideToggle('slow');
    } else {
     $.ajax({
      type: "GET",
      url: url_id,
      cache: true,
      success: function(data){
       $('.loading').slideUp('normal').remove();
       $('#' + set_id).slideToggle('slow').toggleClass("hidden");
       $('#' +
request_id).html(data).slideToggle('slow').addClass('loaded');
      }
     });
    }
  return false;  
 });
 
Dave