beginner's problem with IE
I'm using the code below to created tabbed and timed div content.
All works fine in Firefox but in IE8 the content divs just display one under the other.
In IE6 the tabbed content doesn't show at all, but I'm thinking of not developing for IE6 anymore so not too worried about that, although it would be good to get it to work in all browsers.
I am a beginner, so not sure what the issues might be.... and no idea how to fix!!
any help would be much appreciated.
<script type="application/x-javascript" src="jquery-1.4.2.min.js"></script>
<script type="application/x-javascript">
$(document).ready(function(){
$('#tabbed-interface>ul>li>a').click(function(){
$('#tabbed-interface>div').fadeOut(1000).filter(this.hash).fadeIn(1000);
return false;
});
$('#tabbed-interface>div').css('position','absolute').not(':first').hide();
tabTimer = function(){
setTimeout(function(){
var my_id =
$('#tabbed-interface>div').not(':hidden').next().attr('id') ||
$('#tabbed-interface>div').not(':hidden').siblings('div').first().attr('id');
$('#tabbed-interface>ul>li>a[href="#'+my_id+'"]').click();
tabTimer();
},10000);
}; tabTimer();
});
</script>