Изменение высоты снизу вверх ⇐ CSS

[Гость]

У меня есть красный элемент div, который увеличивает высоту сверху вниз при нажатии клавиши и уменьшается при нажатии клавиши.
Я хочу, чтобы высота менялась снизу вверх, а не сверху вниз.
стиль:< /p>

.load {
ширина: 550 пикселей;
высота: 0;
цвет фона: красный;
позиция: абсолютная;
сверху: 50 пикселей;
z-index: -1;
transform: Rotate(180deg);
}
html:

Код: Выделить всё

jquery:
`$(document).ready(function() {
var animating = false;
var isExpanded = false;

Код: Выделить всё

        $(document).on('keydown keyup', function(e) {
if (e.keyCode === 38) { // Check if up arrow key is pressed or released
if (e.type === 'keydown' && !animating && !isExpanded) { // If key is pressed and not already expanded
animating = true;
$(".load").stop().animate({height: "510px"}, 2000, function() {
animating = false;
isExpanded = true;
});
} else if (e.type === 'keyup' && (isExpanded || animating)) { // If key is released and either expanded or currently animating
$(".load").stop().animate({height: "0"}, 2000, function() {
animating = false;
isExpanded = false;
});
}
}
});
});`

Would help a lot thanks.


Источник: https://stackoverflow.com/questions/781 ... tom-to-top