边栏打开jquery时隐藏和页脚

Question

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

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

Answer 1

您需要检查的不是检查$('.canvas-slid').length，而是使用.canvas-slid选择器检查.canvas-slid是否可见。

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