如何使用jquery显示隐藏的div？

Question

我想使用jquery显示隐藏的div。出于某种原因，show（）在我的示例中不起作用。如果我删除隐藏属性并使用hide（），那确实有效。

任何想法我做错了什么？

<div id="mydiv" style="visibility:hidden">some text</div>
<button onclick="$('#mydiv').show();">click me</button>

http://jsfiddle.net/5pmLw8r2/

Answer 1

尝试使用display：none代替visibility：hidden

.show和.hide（）切换显示属性不可见

Answer 2

您可以改为修改CSS：

<button onclick="$('#mydiv').css('visibility', 'visible');">click me</button>

如果您想使用hide()和show()，则可以使用display属性：

<div id="mydiv" style="display: none;">some text</div>

Answer 3

<div id="mydiv" style="visibility:hidden">some text</div>
<button onclick="$('#mydiv').css('visibility', 'visible');">click me</button>

Answer 4

您可以使用css函数：

$('#mydiv').css('visibility', 'visible');

http://jsfiddle.net/iam_groot/Loyvpm1y/

或者只使用显示字符：

<div id="mydiv" style="display:none;">some text</div>
<button onclick="$('#mydiv').show();">click me</button>

http://jsfiddle.net/iam_groot/gfeovoby/1