追尾サイドメニューのアコーディオンがフッターに被ってしまう

ページスクロールすると、サイドメニューのアコーディオンが追尾するようにしております。
フッターまでスクロールすると、追尾は止まるようにはできたのですが、そこでアコーディオンを開くと、フッターの上にメニューがかぶってしまいます。
ページ下部でアコーディオンを開いても、その分フッターが下に伸びるようにしたいです。どのようにしたら良いか教えて頂けませんでしょうか。

<script>
$(window).on('load scroll resize', function(){
        var top = $('header').height() + 230;
        var bottom =  $('footer').offset().top - 30;
        var content = $('.acMenu').height() + 30;
        var scroll = $(window).scrollTop();
        var x = $(window).width();
        var min_x = 1000;
        if((scroll + content) > bottom){
            $('.acMenu').css({
                'position': 'absolute',
                'top': bottom - content + 30
            });
        } else if(top < scroll){
            if(min_x > x){
                $('.acMenu').css({
                    'position': 'absolute',
                    'top': scroll + 30
                });
            } else {
                $('.acMenu').css({
                    'position': 'fixed',
                    'top': '30px'
                });
            }
        } else {
            $('.acMenu').css({
                'position':'absolute',
                'top': top + 30
            });
        }
    });
</script>
コード