IE6/7 Freezing during jQuery AJAX request
I'm using the following code to call in some html, and display it. Most browsers seem to handle it fine, but IE6 and 7 freeze up. Unfortunately, the request can sometimes take more than a few seconds, so the delay is noticeable.

I'm also calling Fancybox on success, so that the returned html can have a link that launches a modal window.

Code:

<pre>
$.ajax({
	  url: 'url',
	  success: function(data) {
		$('#videolink').hide();
	    $('#videolink').html(data).slideDown();
	    $("a#video").fancybox({
		   'hideOnContentClick': false,
		   'transitionIn'		: 'elastic',
			'transitionOut'		: 'fade',
			'titleShow'			: false,
			'scrolling'			: 'no',
			'onStart': function() { _gaq.push(['_trackEvent', 'Event Title', 'Value']); },
		   'callbackOnClose': function() { $("#fancy_content").empty();}
		});
	  }
	});
</pre>


Is this the best way to handle the request?
IE6/7 Freezing during jQuery AJAX request
===

I'm using the following code to call in some html, and display it. Most browsers seem to handle it fine, but IE6 and 7 freeze up. Unfortunately, the request can sometimes take more than a few seconds, so the delay is noticeable.

I'm also calling Fancybox on success, so that the returned html can have a link that launches a modal window.

Code:

<pre>
$.ajax({
	  url: 'url',
	  success: function(data) {
		$('#videolink').hide();
	    $('#videolink').html(data).slideDown();
	    $("a#video").fancybox({
		   'hideOnContentClick': false,
		   'transitionIn'		: 'elastic',
			'transitionOut'		: 'fade',
			'titleShow'			: false,
			'scrolling'			: 'no',
			'onStart': function() { _gaq.push(['_trackEvent', 'Event Title', 'Value']); },
		   'callbackOnClose': function() { $("#fancy_content").empty();}
		});
	  }
	});
</pre>


Is this the best way to handle the request?