jquery - jquery - 如何显示隐藏的 div

Question

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

我的代码 - （不工作）

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

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

Answer 1

尝试

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

实际上，如果 style 有display:none，你可以使用 jquery 函数

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

Answer 2

您的 style="" 标签也不正确。你应该有这个：可见性：隐藏；

试试这个：

<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()功能覆盖了一些页面元素比如锚标签，防止点击事件。