jquery - 如何显示隐藏的div

Question

我的网页中嵌入了谷歌地图，其可见性设置为隐藏。使用按钮我想在页面上显示地图。应该使用jquery来完成。

我的代码 - （不工作）

<div id="map" style="height: 350px; border: 1px solid #979797;visibility="hidden";></div>

任何人都可以帮助我使用相关的jquery代码吗？

Answer 1

尝试

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

实际上，如果样式有display:none，则可以使用jquery函数

$('#map').show();

Answer 2

你的风格=＆＃34;＆＃34;标签也不正确。你应该这样：visibility：hidden;

试试这个：

<div id="map" style="height: 350px; border: 1px solid #979797; display: none";></div>

$("#map").show();

Answer 3

这是一个jsfiddle：http://jsfiddle.net/lucuma/GhMbU/

$('div#map').css('visibility', 'visible')

Answer 4

但是如果您愿意，visibility:hidden 比 display:none 更好 使用 jQuery 隐藏它。因为 jQuery 的 .show() 函数覆盖了一些页面元素，如锚标记，防止点击事件。