jQueryクッキーでの表示/非表示

Question

小さなjQuery Cookieスクリプトを見つけたので、ユーザーが最初にサイトにアクセスしたときにサイト上部のdivが表示されます。ユーザはそのdivを閉じることを選択することができ、その選択は後で短期間記憶される。

今はうまく動作しますが、私は.hideを適用しようとします。スクリプトに「高速」を表示しますが、.cssプロパティを変更すると効果があります。しかし、私はいくつかのバグがリフレッシュされます：それはまだ私の選択を覚えているように機能しますが、展開/ collaspeは適切な場所にあることができません。

誰でも手助けできますか？ JSコード：

$(document).ready(function() { 
// LEFT COLUMN: 
    // When the collapse button is clicked: 
    $('.collapse').click(function() { 
    $('.collapse').css("display","none"); 
    $('.expand').css("display","block"); 
    $('#actionbar').css("height","0px"); 
    $.cookie('actionbar', 'collapsed'); 
    }); 
    // When the expand button is clicked: 
    $('.expand').click(function() { 
    $('.expand').css("display","none"); 
    $('.collapse').css("display","block"); 
    $('#actionbar').css("height","70px"); 
    $.cookie('actionbar', 'expanded'); 
    }); 
// COOKIES 
    // Left column state 
    var actionbar = $.cookie('actionbar'); 
    // Set the user's selection for the left column 
    if (actionbar == 'collapsed') { 
    $('.collapse').css("display","none"); 
    $('.expand').css("display","block"); 
    $('#actionbar').css("height","0px"); 
    }; 
}); 

そして、私のCSS：

.expand { 
    width:11px; 
    height:11px; 
    background:red; 
    position:absolute; 
    left:100px; 
    top:90px; 
    display:none; 
} 
.collapse { 
    width:11px; 
    height:11px; 
    background:red; 
    position:absolute; 
    right:5px; 
    top:4px; 
} 

Answer 1

たぶん代わりに、クラスをcookie'ingイベントを弄ぶ天使しようとしています。たとえば、展開または折りたたまれた状態で保存しますが、エンドページのスクリプトを配置して、そのCookieと折りたたまれた/展開されたプロパティを確認し、coorect要素のクリックアクションを実行しますか？