javascript - jquery 切换最初需要关闭帮助

Question

你好，我需要帮助在加载文档时关闭切换选项，但是如果你尝试我当前的代码，你会注意到在加载页面时 #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;
    }

Answer 1

不确定这是否是您要查找的内容，但您的问题有点不清楚。

只需在加载时调用 #A 上的切换。这是一个 fiddle例如

//Toggle Hide/Show sidebar slowy
$(document).ready(function(){
    $('#A').toggle();
    $('#B').click(function(e) {
        e.preventDefault();
        $('#A').toggle('');
        $('#B').toggleClass('extended-panel');  
        return false;  
    });
});