CSS
#test{
display:none;
}
質問
How would I be able to have a <div>
already collapsed when the page loads?
I have a JS Fidle with what I've got so far.
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'});;
});
解決 2
他のヒント
CSS
Hide the div using css
#test{
display:none;
}
jQuery
$('#test').hide();
JavaScript
document.getElementById('test').style.display = 'none';