您好我需要帮助才能在加载文档时关闭切换选项,但是如果您尝试我当前的代码,您会注意到#A在加载页面时可见,我也尝试了所有其他方法来隐藏它但是每一个解决方案我用它自动隐藏切换按钮/链接请帮我找到一种方法来初步关闭切换这里是我的代码
HTML
<div id="A">SideBar</div>
<div id="B"><a href="javascript:" id="toggle">Toggle</a></div>
的JavaScript
//Toggle Hide/Show sidebar slowy
$(document).ready(function(){
$('#B').click(function(e) {
e.preventDefault();
$('#A').toggle('');
$('#B').toggleClass('extended-panel');
return false;
});
});
CSS
#A, #B {
position: absolute;
}
#A {
top: 0px;
width: 250px;
bottom: 0px;
background:#404041;
z-index:999999;
}
#B {
top: 0px;
left: 250px;
right: 0;
bottom: 0px;
}
/* makes the content take place of the SIDEBAR
which is empty when is hided */
.extended-panel {
left: 0px !important;
}
答案 0 :(得分:0)
不确定这是否是您要找的,但您的问题有点不清楚。
只需在加载时调用#A切换。 这是一个fiddle e.g。
//Toggle Hide/Show sidebar slowy
$(document).ready(function(){
$('#A').toggle();
$('#B').click(function(e) {
e.preventDefault();
$('#A').toggle('');
$('#B').toggleClass('extended-panel');
return false;
});
});