2012-02-20 110 views

回答

0
<div id="myGridContainer"> 
<!-- your grid lives here --> 
</div> 
<input id="myButton" type="button" value="Show/Hide"/> 

$(document).ready(
function(){ 

$('#myButton').click(function(){ 
$('#myGridContainer').toggle(); 
} 
} 
); 

以上僞代碼可以幫助你。如果您對純HTML,CSS和JavaScript不太熟悉,我會建議您先做一下。它會幫助你理解它是如何工作的。

0

有一個按鈕click處理程序,並編寫代碼來顯示處理程序中的網格。

$('buttonSelector').click(function(){ 
    $('gridSelector').show(); 
}); 

並確保在頁面加載時通過css隱藏網格。在網格上應用下面的類,最初在頁面加載時隱藏它。

.hide{ 
    display:none; 
} 

如果你在按鈕上有一個id或任何類,你可以使用它的id或classname來選擇按鈕。

$('#buttonId)$('.buttonClassName)

選擇網格對電網的一些類,並選擇它作爲下方。

$('.gridClassName')

+0

對不起,我是初學者,你可以舉一個例子來說明嗎? – CADAVID 2012-02-20 22:24:38

+1

檢查我編輯的答案。 – ShankarSangoli 2012-02-20 22:26:38

+0

非常感謝你的朋友,你知道網上關於這個的一些例子嗎? – CADAVID 2012-02-20 22:38:36