Почему я могу .hide(), но не .show() в jQuery?

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

Dont Использование visibility CSS для Show и HideDiv.

Вместо Используйте Div шкура с помощью Css вы используете Display:none и для показухи использовать Displan:Block

Показать следующие ссылки Например:

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

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

Надеется, что это полезно для вас.