[Помогите] Фиксирование кнопки на адаптивном блоке по середине видимой высоты экрана

Конечно не фиксируется: абсолютное позиционирование привязывает к конкретной точке в странице, а не к позиции на экране.

Надо использовать position: sticky!

 

Она это делает из-за того, что у классов состояния кнопки разное позиционирование.

Ничего улетать не будет, если стили одинаковые!

 

Я сейчас там вижу fixed, а не sticky (кеш чистил).

 

Вы будто с чужим кодом работаете.

Вот ваши другие стили:

Код:

btnToggleTable.click(function () {
        let leftSide = $('#leftSide');
        let rightSide = $('#rightSide');
        if (!isTableOpen) {
            btnToggleTable.addClass('second-state-of-the-button');
            btnToggleTable.removeClass('first-state-of-the-button');
            rightSide.css({
                position: 'absolute',
                right: '2%'
            })
            rightSide.animate({
                width: '95%'
            }, 500, function () {
                leftSide.css({
                    display: 'none'
                })
                rightSide.css({
                    position: 'relative',
                    right: '0',
                    width: '100%'
                })
                callback();
            });

И перестаньте уже наконец пытаться использовать js там, где нужен только CSS!

От js в данном случае требуется только класс на кнопку навесить и больше ничего! Остальное надо делать в CSS.

 

Ничего не надо объединять!
Вы внимательно прочитали то, что я написал под этим куском кода?

Вы либо это не прочитали, либо вообще не понимаете, что делает тот код.

У вас все стили должны быть исключительно в CSS! js должен только навешивать классы, чтоб эти стили применились.
Это касается и анимации самой таблицы.

 

Да (правильность кода не проверял, но логика правильная).

И да, анимация в данном случае - это транзишн для ширины. Но прописывать его нужно в основные свойства блока, потому что если навешивать его при смене состояния, то при возврате к дефолтному оно не будет работать (класс отрубится).