[jQuery] IE ONLY warning on fadeIn

[jQuery] IE ONLY warning on fadeIn


Hi,
I keep getting an error in the IE browsers (6 & 7).
A Runtime Error has occurred.
...
Error: Can't move focus to the control because it is invisible, not
enabled, or of a type that does not accept the focus.
What I've got...
I have five div areas on the page (only one div showing at a time).
Each div has an associated tab (using a unordered list) above the divs
area. The first tab is hidden by default because on page load the
first div container is shown with an advertisment (e.g., flash ad) and
thus the tab associated with this div does not need to be shown until
another tab is selected.
Once a user clicks on another tab the corosponding div area is shown
using this code...
// if any of the tabs, except the ad tab, is selected
$(".tabdetail,#advsect img").not("#advtab").mousedown(function(){
// setup
$("#advsect").fadeOut(500).addClass("hidden"); // fade out the
ad section
var taburl = $(this).attr("id",function(){return this.id} ); //
get the url from the tab
var tablabel = taburl[0].hash; // get just the anchor part
$(".tabsect").hide(); // hide all sections for a clean display
// test anchor part and show correct section then animate the
height and show section
switch(tablabel){
case "#solution" : $("#solsect").fadeIn(100,function(){
$(this).animate({ height: 500}, 100);
}); break;
case "#products" : $("#prosect").fadeIn(100,function(){
$(this).animate({ height: 500}, 100);
}); break;
case "#manufact" : $("#mansect").fadeIn(100,function(){
$(this).animate({ height: 500}, 100);
}); break;
case "#services" : $("#sersect").fadeIn(100,function(){
$(this).animate({ height: 500}, 100);
}); break;
default: $("#solsect").fadeIn(100,function(){
$(this).animate({ height: 500}, 100);
});
};
// show the ad tab
$("#tab1").removeClass("active");
$("#tab1").css({visibility:"visible"});
$("#tab1").fadeIn(500);
}); // end if any of the tabs, except the ad tab, is selected
The code for when clicking on the ad tab (which works in all browsers
but IE)...
// if the 'show ad' tab is selected
$("#advtab").mousedown(function(){
$(".tabsect").hide(); // hide all sections for a clean display
$("#advsect").removeClass("hidden"); // unhide ad
$("#advsect").animate({height:200},1000); // animate the height
and...
$("#advsect").fadeIn(500); // show ad
$(".tab").removeClass("active"); // remove all active class from
all tabs for a clean display
$("#advsect").focus(); // put focus back on ad
});
BTW, If I add 'alert("hello world");' anywhere between the { and } of
the #advtab.mousedown above I don't get a warning.
Any ideas?
Thanks in advance,
Matthew