垂直可摺疊面板 - 顯示已加載摺疊

Question

當頁面加載時，我將如何能夠使<div>已摺疊？

我有一個JS Fidle與我到目前爲止。

---

HTML

<button id="aa">Toggle it up</button> 

<div id="test">TEST</div> 

CSS

div { 
    background:#0F0; 
    margin:3px; 
    width:600px; 
    height:600px; 
    float:right; 
} 
div.test { 
    background:#345; 
    width:5px; 
} 
#aa {width: 100px; 
    height: 600px; 
    position: absolute; 
    top: 3px; 
    right: 0px; 
    z-index: 10 
    float: right; 
} 

JAVASCRIPT

$("#aa").click(function() { 
    $("div").animate({width: 'toggle'});; 
}); 

Answer 1

CSS

#test{ 
    display:none; 
} 

DEMO

Answer 2

CSS

隱藏使用div CSS

#test{ 
    display:none; 
} 

Fiddle Demo

---

的jQuery

$('#test').hide(); 

---

的JavaScript

document.getElementById('test').style.display = 'none';