当侧栏打开jquery时，隐藏页脚

Question

当我点击菜单时，我试图隐藏我的页脚，因为它会打开一个侧栏，但是当我点击菜单关闭侧栏时，页脚将不再显示 下面的代码隐藏页脚，但在同一事件发生时不显示页脚

    <script>
    $(function() {
        $('#js-footer-hide').click(function () {
            if ($('.canvas-slid').length < 0) {
                $('footer').show();
            } else {
                $('footer').hide();
            }
        });
    });
   </script>

Answer 1

使用:visible选择器显示$('.canvas-slid').length是否可见.canvas-slid。

$(function() {
    $('#js-footer-hide').click(function() {
        if ($('.canvas-slid').is(":visible")) {
            $('footer').show();
        } else {
            $('footer').hide();
        }
    });
});