vreemd gedrag drop menu Jquery

[phobia]

Ik heb een geanimeerde dropmenu gemaakt met Jquery.

Als je het menu open en onder Backup de keuze maakt >Backup TAB< kiest.
Dan wordt de pagina herladen maar met alle hidden.

Open je het menu nu weer, dan is de juiste pagina wel geladen.

Als je onder Backup de keuze maakt >Backup DB< kiest.
Dan wordt de pagina ook herladen, maar de nav-bar is nu open en het main scherm is ook zichbaar.

Onder Restore is het probleem hetzelfde.

Kan iemand mijn vertellen/helpen dit vreemde gedrag op te lossen!

Ik heb het voorbeeld hier online gezet.

Mijn Jquery is:[JS]
$(document).ready(function () {
setInterval("update()", 2000);
$('#wrapper').append('<div id="open" style="display:block; position: absolute;left: 95px; z-index: 1000;" ><strong>Click Here to Open</strong></div>');
$('#open').hide();
if($.cookie("open") == null){
$('#nav li').hide();
$('#main').hide();
$('#open').show();
$('#nav li:first-child').show();
$('#nav li:last-child').show();
$('.img').attr('src','image/del_on.png');
$('.img').attr('alt','Open');
$("#wrapper").animate({"left": "+=300px"}, "fast");
}
$('#nav li:first-child').click( function () {
$('#nav li').toggle();
if( $('#nav li:second-child').is(":visible") == true ){
$('#main').show();
$('#open').hide();
$('.img').attr('src','image/del.png');
$('.img').attr('alt','Close');
$.cookie("open", null);
$("#wrapper").animate({"left": "-=300px"}, "fast");
}
else{
$('#main').hide();
$('#open').show();
$('.img').attr('src','image/del_on.png');
$('.img').attr('alt','Open');
$.cookie("open", true, { expires: 1 });
$("#wrapper").animate({"left": "+=300px"}, "fast");
}
$('#nav li:first-child').show();
$('#nav li:last-child').show();
});

$('#nav li:last-child').click( function () {
$('#nav li').toggle();
if( $('#nav li:second-child').is(":visible") == true ){
$('#main').show();
$('#open').hide();
$('.img').attr('src','image/del.png');
$('.img').attr('alt','Close');
$.cookie("open", null);
$("#wrapper").animate({"left": "-=300px"}, "fast");
}
else{
$('#main').hide();
$('#open').show();
$('.img').attr('src','image/del_on.png');
$('.img').attr('alt','Open');
$.cookie("open", true, { expires: 1 });
$("#wrapper").animate({"left": "+=300px"}, "fast");
}
$('#nav li:first-child').show();
$('#nav li:last-child').show();
});

$('#nav li').hover(
function () {
//show its submenu
$('ul', this).slideDown(250);

},
function () {
//hide its submenu
$('ul', this).slideUp(250);
}
);

});
function update()
{
$('<div id="info" />').load('php/time/DBtime.php?info=restore_time&site=<?PHP echo $_SESSION["site"];?>', function()
{
$('#Rtime').empty();
$(this).appendTo('#Rtime');
});
$('<div id="info" />').load('php/time/DBtime.php?info=backup_time&site=<?PHP echo $_SESSION["site"];?>', function()
{
$('#Btime').empty();
$(this).appendTo('#Btime');
});
$('<div id="info" />').load('php/time/DBtime.php?info=backup_date&site=<?PHP echo $_SESSION["site"];?>', function()
{
$('#Bdate').empty();
$(this).appendTo('#Bdate');
});
$('<div id="info" />').load('php/time/DBtime.php?info=restore_date&site=<?PHP echo $_SESSION["site"];?>', function()
{
$('#Rdate').empty();
$(this).appendTo('#Rdate');
});
$('<div id="info" />').load('php/time/DB.php?info=count&site=<?PHP echo $_SESSION["site"];?>', function()
{
$('div#head .tabs').empty();
$(this).appendTo('div#head .tabs');
});
$('<div id="info" />').load('php/time/DB.php?info=cal&site=<?PHP echo $_SESSION["site"];?>', function()
{
$('div#head .cal').empty();
$(this).appendTo('div#head .cal');
});
}[/JS]