ブートストラップ要素のクッキーを読み込むためのより良い方法

Question

私は、パネルのボディを隠し、ページを再読み込みすることによって隠しておくためのオプションに取り組んでいます。それはブートストラップ駆動のコードであり、操作$("#requests").collapse()は、私が見るのが好きではないアニメーションを作り出します。なぜなら、ページをリロードすることによって100個のパネルが壊れてしまい、迷惑になる可能性があるからです。だからこれを行うにはいくつかのより良い方法はありますか？

function getCookie(cname) { 
    var name = cname + "="; 
    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); 
     } 
     if (c.indexOf(name) == 0) { 
      return c.substring(name.length,c.length); 
     } 
    } 
    return ""; 
} 

function setCookie(cname) { 
    var d = new Date(); 
    d.setTime(d.getTime() + (365*24*60*60*1000)); 
    var expires = "expires="+d.toUTCString(); 
    if(getCookie(cname) == 1) { 
     document.cookie = cname + "=" + 0 + "; " + expires; 
    } else { 
     document.cookie = cname + "=" + 1 + "; " + expires; 
    } 
} 

window.onload = function applyCookies() { 
    if(getCookie("hidden") == 1) { 
     $("#requests").collapse(); 
    } 
} 

Answer 1

if(getCookie("hidden") == 1) { 
     $("#requests").hide(); 
    } 

Answer 2

今#request{ display:none; }

を追加し、あなただけの私がどんなブートストラップの要素を上書きするか、それを変更しないようにしよう、この

window.onload = function applyCookies() { 
    if(getCookie("hidden") == 0) { 
     $("#requests").css("display","block"); 
    } 
}