views:

103

answers:

1

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?