2012-05-23 86 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();