jQuery Cookie切换问题

Question

因为我的函数使用toggle()来隐藏和显示一个面板，实际上我很难确定何时应该设置一个cookie以及如何集成它。

代码：

/ Collapse ibox function
$('.collapse-link:not(.binded)').addClass("binded").click( function() {
    var ibox = $(this).closest('div.ibox');
    var button = $(this).find('i');
    var content = ibox.find('div.ibox-content');

    if($.cookie("chat") !== 'show'){
        content.slideUp(200);
        $.cookie("chat", "hide");
    }

    button.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
    ibox.toggleClass('').toggleClass('border-bottom');
    setTimeout(function () {
        ibox.resize();
        ibox.find('[id^=map-]').resize();
    }, 50);

});

我不知道如何实施$.cookie("chat")部分。