jquery - CSSスイッチャーを使用した後、選択メニューが開かない

Question

だから私はクッキーをサポートするcssスイッチャーを持っています。問題は、スタイルを切り替えてページを更新すると、jquery ui 選択メニューが開かなくなることです。これは、テキスト形式のバージョンでのみ発生します。タブを閉じて再度開くと、テキスト形式の選択メニューが機能します。ここで私が間違っていることを誰かに教えてもらえますか? デモはこちら

css スイッチャー コード:

(function($)
{
$(document).ready(function() {
    $('.styleswitch').click(function()
    {
        switchStylestyle(this.getAttribute("rel"));
        return false;
    });
    var c = readCookie('style');
    if (c) switchStylestyle(c);
});

function switchStylestyle(styleName)
{
    $('link[@rel*=style][title]').each(function(i) 
    {
        this.disabled = true;
        if (this.getAttribute('title') == styleName) this.disabled = false;
    });
    createCookie('style', styleName, 365);
}
})(jQuery);
// cookie functions http://www.quirksmode.org/js/cookies.html

function createCookie(name,value,days)
{
if (days)
{
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name)
{
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++)
{
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name)
{
createCookie(name,"",-1);
}
// /cookie functions