jQuery tabs problem in IE6
Problem now is here:
http://bit.ly/1wo95W
In IE6 you have to click a tab twice in order to display its contents.
Code:
-
// jquery tabbed interface
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show();
$('div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
I've tried a few ways to fix it, such as a different selector instead of 'div.tabs > div'. I've even tried repeating the line ' tabContainers.filter(this.hash).show();' in different parts of the script, but no luck!
Any ideas on how to fix it?
Thanks