創建HTML表格 - 發生事件時

Question

我創建了一個HTML表格。我需要僅在單擊按鈕時顯示此表。有人建議如何實現這一目標嗎？

問候 吉瑞

Answer 1

您可以使用jQuery和附加的處理程序。 例如 在HTML：

<a class="button-link" href="javascript:void(0);">link</a> 
<table class='hidden-table'> 
<tr> 
<th>id</th><th>name</th> 
</tr> 
<tr> 
<td>1</td><td>Mr Awesome</td> 
</tr> 
</table> 

在CSS：

.hidden-table{ 
    display:none; 
} 

在

JS/jquery的

$('.button-link').on('click',function(){ 
    $('.hidden-table').show() 
}) 

使用的CSS首先，然後隱藏在點擊的鏈接表它會顯示錶格。

Answer 2

你可以使用jquery，從這裏http://jquery.com/download/。使用的是什麼

$('#idofthebutton').click(function(){ 


$('#idofthetable').toggle(); 


});