using hide() and show() for navigation
I am working on a site where I have tabs that control which div is shown. The jQuery I am using to do this is:
-
<script language="javascript" type="text/javascript">
$(function() {
$('#go-home').click(function() {
$('#calendar').hide();
$('#photos').hide();
$('#files').hide();
$('#home').show();
return false;
});
$('go-calendar').click(function() {
$('#home').hide();
$('#photos').hide();
$('#files').hide();
$('#calendar').show();
return false;
});
$('#go-photos').click(function() {
$('#home').hide();
$('#calendar').hide();
$('#files').hide();
$('#photos').show();
return false;
});
$('#go-files').click(function() {
$('#home').hide();
$('#calendar').hide();
$('#photos').hide();
$('#files').show();
return false;
});
});
</script>
What am I doing wrong as this is *really* not working?