Показать сообщение отдельно
  #1 (permalink)  
Старый 09.02.2014, 17:53
Новичок на форуме
Отправить личное сообщение для cewalk Посмотреть профиль Найти все сообщения от cewalk
 
Регистрация: 09.02.2014
Сообщений: 4

Скрытие блока 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 был скрытым, а при нажатии на кнопку разворачивался.
Собственно сама ссылка
Ответить с цитированием