javascript - メニューをクリックしたときに Cookie を設定して、次回の訪問メニューを開く

Question

国のリストとその都市のサブリストを含むページがあります。簡単にするために、いくつかのメニューとサブメニューを含むhttp://jsfiddle.net/PPexP/7/を作成しました

JavaScript と jquery.cookie リンクの短いプレビュー: https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js

$(document).ready(function(){
function checkCookie() {
    if($.cookie('mainlevel')) {
        var array = [];
        array.push($.cookie('mainlevel'));
        console.log(dirArray)
    }
} 

$('.mainitem').click(function() {    
    var $cookie = ($(this).text());
    console.log($cookie)
    $cookie = $cookie.split(',');
    $(this).next('ul').toggle(function() {
        console.log('fired');
        var CookieSet = $.cookie('mainlevel', [$cookie], { expires: 30 });
    });
});

});

HTML が生成され、JSFIDDLE のようになっています。HTML を変更することはできません。

何が起こるはずですか：

1. メインメニュー項目をクリックすると、サブメニューがポップアップ表示され、Cookie が設定されるため、次回もメニューが開いたままになります。メインメニューの名前をチェックし、それがクッキーになります

JSfiddle は jQuery cookie プラグインをロードしていないようですが、配列でクリックした後にメイン メニューの名前を設定しようとしています。ページが読み込まれると、Cookie がチェックされます。もしあれば、読み込み時に展開される必要があるメインメニュー項目が配列内にあります。