Как зафиксировать элемент для jQuery .slideUp()?

Question

[Александр]

При нажатии на зелёную кнопку, проигрывается простейшая анимация "открытия":

$("#green_button").click(function() {
    $("#console_animation").slideUp()
});

Стили #console_animation

#console_animation {
    z-index: 1;
    width: 1000px;
    height: 670px;
    margin-top: 30px;
    position: fixed;
    background: #665e5e;
    left: 50%;
    transform: translate(-50%);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

На GIF видно, что "заслонка" сильно уезжает вверх.
Вопрос: Как зафиксировать "заслонку" таким образом, чтобы она оставалась на месте, при этом нижняя часть постепенно поднималась к верху?

Answer 1

[Александр Никитин]

$("#green_button").click(function() {
$("#console_animation").animate({
height: "0px"
}, 5000, function() {

});
});

5000 - длительность анимации в миллисекундах.

Comments

[Александр]

спасибо вам большое, очень помогли!