2012-05-23 84 views
2

我有一个谷歌地图嵌入我的页面,其可见性设置为隐藏。使用一个按钮,我想在页面上显示地图。应该使用jQuery来完成。jquery - 如何显示隐藏的div

我的代码 - (不工作)

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

任何人都可以帮助我的相关jQuery的代码?

+1

您是否尝试过找上了[jQuery的网站(http://docs.jquery.com/Main_Page)? – Gareth

+0

看来你有错误的风格错字句法。它应该是''

回答

5

尝试

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

其实,如果风格有display:none,你可以使用jQuery功能

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

我有一个按钮 这里是我的jquery: $(文件)。就绪(函数( ){ $( '#秀')点击(函数(){ \t $( '#图')显示(); }); }); 它不工作,你能帮我 – Parvesh

+0

@devilived如果你的风格使用'可见性'它必须是'$('#map').css('visibility','visible');'。因为'$('#map')。show();'适用于'display:none'的样式 –

+1

@devilived我创建了模拟[这里是如何工作的](http://jsfiddle.net/48Mwm/) –

3

你的风格=” “标签也是不正确的。你应该有这个:visibility:hidden;

试试这个:

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

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