javascript - jQuery toggle() 在切换和隐藏操作的时候,怎么处理自带 visibility的节点?

Question

jQuery toggle() 在切换和隐藏操作的时候,怎么处理自带 visibility: hidden;　的节点?

怎么我在对自带 css visibility: hidden 属性的节点操作的时候不行?

Answer 1

我们看jquery 源码：toggle其实用的是show跟hide，而show跟hide都是处理display，如果你要操作visibility的话，建议还是用css('visibility','hidden')等方法吧

toggle: function( state ) {
        if ( typeof state === "boolean" ) {
            return state ? this.show() : this.hide();
        }

        return this.each(function() {
            if ( isHidden( this ) ) {
                jQuery( this ).show();
            } else {
                jQuery( this ).hide();
            }
        });
    }

Answer 2

jQuery中toggle()函数操作的是display属性，不是visibility属性。

Answer 3

visibility属性不是真正的隐藏，你设置了visibility: hidden还是会占有空间的，留下空白，不好看
display:none才是真正的隐藏