为什么我可以.hide（）而不是.jow中的.show（）？

Question

HTML：

<div id="box">my box</div>​ 

为什么我可以隐藏可见DIV这样的：http://jsfiddle.net/FfaVW/2/

CSS：

#box { 
    visibility:visible; 
}​ 

JS：

jQuery('#box').hide();​ 

但我不能表现出隐藏的div像这样：http://jsfiddle.net/FfaVW/1/

CSS：

#box { 
    visibility:hidden; 
}​ 

JS：

jQuery('#box').show();​ 

Answer 1

秀（）改变显示 CSS财产，而不是知名度。

http://api.jquery.com/show/

它将显示一个显示：无例如。

http://api.jquery.com/visible-selector/

信息洞察，为什么jQuery的行为是这样的：能见度

元素：隐藏或不透明度：0被认为是可见的，因为他们仍然在消耗布局空间。

Answer 2

jQuery的show()和hide()改变display。

显示修改屏幕上元素的流向。

能见度只是处理这样一个事实，即您是否可以在屏幕上看到它，但它会占用空间。

检查的区别：http://jsfiddle.net/XS4ca/3/

Answer 3

不使用visibility CSS为Show和HideDiv。

转而使用您使用Display:noneCssDiv隐藏和作秀使用Displan:Block

显示跟踪链接例如：

http://jsfiddle.net/FfaVW/7/

http://jsfiddle.net/FfaVW/8/

希望这是对你有帮助。