Reloading the page when switching back from a hide()
I'm working on a site here;
http://www.biodesign.asu.edu/casi/test.php
If you click the text links under the yellow header you can see what I want the jQuery to be doing - each link is simply hiding it's partner and showing it's contents. However, I need default ones - in this case that's the "About the Initiative" and "Message from the Director" - but when I click away form these links (which works fine) and then click back to them, it is reloading the page. In IE this means it's missing the test.php and looking for an index. I'm not sure why it would think to reload the page?
Any thoughts? All code is right in the page to look at but here is my jQuery anyway.
-
<script type="text/javascript">
$(document).ready(function() {
$('#aboutlink').click(function(){
$('#about-bubble .nav').show();
$('#about-bubble .nav2').hide();
$('#about-bubble .inside').show();
$('#about-bubble .whatis').hide();
return false;
});
$('#whatislink').click(function(){
$('#about-bubble .nav').hide();
$('#about-bubble .nav2').show();
$('#about-bubble .inside').hide();
$('#about-bubble .whatis').show();
return false;
});
$('#whatislink').click(function(){
$('#about-bubble .inside').hide();
$('#about-bubble .whatis').show();
return false;
});
$('#directorlink').click(function(){
$('#director-bubble').show();
$('#contact-bubble').hide();
});
$('#contactlink').click(function(){
$('#director-bubble').hide();
$('#contact-bubble').show();
return false;
});
});
</script>
I'd really appreciate any insight.