Определение в JS высоты блока и сдвиг вниз на эту высоту

В текущем варианте анимации нет, я об этом упомянул выше.
А если надо - пожалуйста:.
.fadeOut()
.slideDown()
.hide()
.animate()

Спасибо большое за ещё одну подсказку. slideUp и slideUp позволяют плавно скрывать без CSS. Вот что получилось и прекрасно работает)

$(document).ready(function () {
        const mainBoxNews = document.querySelector('.main-box-news');
        if (mainBoxNews) {
                $('.mbn__shor').each(function () {
                        let el = $(this).parent().find('.mbn__shor');
                        $(el).slideUp('fast');
                });

                $('.ms-box a').hover(
                        function () {
                                $(this).parent().find('.mbn__shor').slideDown();
                        }, function () {
                                let el = $(this).parent().find('.mbn__shor');
                                $(el).slideUp();
                        }
                );
        }
});

это называется придумать велосипед с квадратными колесами 😂 открой для себя гугл, если уж изучать нормально тему лень...