饼干滞后

Question

我最近询问了如何在侧边栏菜单中添加Cookie，并获得了惊人的Trincot here的帮助。找到并编辑了另一个代码以使其工作，现在该代码的问题是它的cookie滞后 - 如果你关闭侧边栏并移动到另一个页面，它会显示一秒钟，然后消失，并考虑整个网站＆ ＃39; s内容随之移动，这令人非常恼火。我想我在寻找解决之前问题时遇到了类似的问题，但我无法记住我搜索过的内容，并且无法重新找到它。我认为错误是重复代码，但我需要能够从两个地方打开和关闭它。任何想法，任何人？

<script type='text/javascript' src='http://yourjavascript.com/1211131136/jquery.cookie.js'></script>
<script type='text/javascript'>
/**code written by kismet of RPG-Directory.com**/


$(function(){
var website = 'SKY';
var cookie1 = website+'cbox';


if($.cookie(cookie1) === 'on' ||
$.cookie(cookie1) === null){
$('.menu').animate({
left: "-240px"
}, 200);

$('body').animate({
left: "0px"
}, 200); }

else {
$('.menu').animate({
left: "0px"
}, 200);

$('body').animate({
left: "240px"
}, 200); }


$('.icon-close').click(function(){

$.cookie(cookie1, 'on');

$('.menu').animate({
left: "-240px"
}, 200);

$('body').animate({
left: "0px"
}, 200);

});


$('.icon-menu').click(function(){

if($.cookie(cookie1) === 'on' ||
$.cookie(cookie1) === null){

$.cookie(cookie1, 'off');

$('.menu').animate({
left: "0px"
}, 200);

$('body').animate({
left: "240px"
}, 200); }

else {

$.cookie(cookie1, 'on');

$('.menu').animate({
left: "-240px"
}, 200);

$('body').animate({
left: "0px"
}, 200); }

});
});
</script>

非常感谢！