I built some simple tabs, which when clicked, show a hidden div. Very simple. All works well, except in IE. For some reason, even though I am using the jQuery .show() function, it won't set the hidden div to display:block, but just leaves it hidden, and it is very frustrating.
Example Page: http://www.puc.edu/alumni/give-puc
jQuery for tabs:
$('#teamTabs li').click(function() {
$('#teamTabs li').removeClass('selected');
$(this).addClass('selected');
$('.teamTab').hide();
var id = $(this).attr('id');
if (id == 'teamTab1') {
$('#team1').show();
} else if (id == 'teamTab2') {
$('#team2').show();
} else if (id == 'teamTab3') {
$('#team3').show();
} else if (id == 'teamTab4') {
$('#team4').show();
}//end else if
return false;
});//end click
Any ideas why IE wouldn't set the div to display:block?