jQuery Cookie 플러그인을 사용하여 jQuery를 페이지 새로 고침 후 애니메이션을 기억하는 방법

Question

페이스 북에서 사이드 바를 만들려고합니다. 음, 전적으로. 재로드 후 또는 다른 페이지로 이동 한 후 jQuery의 상태를 기억하고 싶습니다. 쿠키 플러그인을 사용하는 방법을 모르겠다. 이 스크립트에는 어디에 넣어야합니까? 그리고 어떻게 쓰여졌습니까? 플러그인을 다운로드했는데 html 파일 안에 있지만 jQuery를 통해 실행하는 방법을 모르겠습니다.

<script> 
function clickArrow() 
{ 
    $('#wrappernav').fadeOut("fast"); 
    $('#sidebar').fadeOut("fast"); 
    $('#wrappernavbg').fadeOut("fast"); 
    $('#naviclosed').fadeIn("fast"); 
    $(window).unbind('resize'); 
} 

$(document).ready(function(){ 

    //Do the animations automatically IF the cookie value was SET. 
    var arrowClicked = parseInt($.cookies.get('arrowClicked')); 
    if (arrowClicked > 0) { 
     clickArrow(); 
    } 

    $("#arrow").bind('click', function(){ 

    //Perform actions 
    clickArrow(); 

    //I want jQuery to remember this state after refresh. 
    $.cookies.set('arrowClicked', 1); 
    }); 

    $('#naviclosed').bind('click', function() { 
     $('#wrappernav').fadeIn("fast"); 
     $('#sidebar').fadeIn("fast"); 
     $('#wrappernavbg').fadeIn("fast"); 
     $('#naviclosed').fadeOut("fast"); 
     $(window).bind('resize', ScreenSize); 
    }); 
}); 

방문 쿠키 플러그인의 자세한 내용은이 링크 : http://code.google.com/p/cookies/는

또한 후에 만 ​​jquery.cookie.js을 포함하시기 바랍니다

$(document).ready(function(){ 
    $("#arrow").bind('click', function(){ 
     $('#wrappernav').fadeOut("fast"); 
     $('#sidebar').fadeOut("fast"); 
     $('#wrappernavbg').fadeOut("fast"); 
     $('#naviclosed').fadeIn("fast"); 
     $(window).unbind('resize'); 
    //I want jQuery to remember this state after refresh. 

    }); 
    $('#naviclosed').bind('click', function() { 
     $('#wrappernav').fadeIn("fast"); 
     $('#sidebar').fadeIn("fast"); 
     $('#wrappernavbg').fadeIn("fast"); 
     $('#naviclosed').fadeOut("fast"); 
     $(window).bind('resize', ScreenSize); 
    }); 
}); 

Answer 1

는 코드에 약간의 수정을 제작 jquery.js