我正在研究隐藏面板主体的选项,并通过重新加载页面来保持隐藏。这是一个引导程序驱动的代码,操作$("#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();
}
}
if(getCookie("hidden") == 1) {
$("#requests").hide();
}
添加#request{
display:none;
}
现在,你只需将你的功能更改为这个
window.onload = function applyCookies() {
if(getCookie("hidden") == 0) {
$("#requests").css("display","block");
}
}