ajax tabs works fine except in chrome and safari for windows
I'm using the Ajax TABS option to load links into a particular div ( #posts ). Everything works fine except in chrome and safari for windows. I also checked it out in safari on a mac where it also worked fine.
In chrome and in safari for windows the content that is suppose to load simply doesn't load. The content that is by default in the div completely disappears.
I've tried everything I can think of including trying older stable version of jquery-ui and jquery. if I use version 1.3.x of jquery the content attempts to load but never actually does. The link just sits there saying 'loading . . ."
I should mention that I am also using the accordion widget at the same time.
The code is below
<script type="text/javascript" src="<?php echo base_url();?>jquery-ui/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>jquery-ui/js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
event: "mouseover"
});
});
</script>
<script type="text/javascript">
$(function() {
$(".anc").tabs({
async: false,
selected: -1
});
});
</script>
<script type="text/javascript">
the divs encompassing the links are classed ".anc". The div where the content is loaded is labeled id="posts". And the links are written like this:
<li><a href="http://www.whatdoesthebiblesay.org/index.php/cat/16/question/50" title="posts"><span>What does the Bible say about faith?</span></a></li>
The website is whatdoesthebiblesay.org.
Any suggestions would be appreciated.
Thanks