Скрытие блока div
Здравствуйте. Наткнулся на форуме на такой скрипт, точнее на ссылку ресурса со скриптом:
$(function () {
var text2 = 'Развернуть';
var text = 'Свернуть';
$('#button').html(text);
$('#button').click(function (){
if($(this).html()==text2) {
$('#button').html(text);
$(this).animate({top: '7'}, 500);
}
else {
$('#button').html(text2);
$(this).animate({top: '7'}, 500);
}
$("#block2").slideToggle();
});
});
<div id="container">
<div id="block1"></div>
<div id="block2"></div>
<div id="button"></div>
</div>
Код:
#container{
width: 400px;
position: left;
}
#block1{
height: 35px;
background-color:lightgreen;
}
#block2{
height: 100px;
background-color:lightblue;
}
#button {
position: absolute;
top: 7px;
}
Не могу сделать что бы по умолчанию блок 2 был скрытым, а при нажатии на кнопку разворачивался.
Собственно сама ссылка |