最大化/最小化HTML表<th>使用jQuery

Question

所以我有一個巨大的表，包含多個表頭。我希望能夠使用JQuery（或任何工作）來最大化或最小化這些頭文件。 下面是一個例子表：

<table> 
 
    <tr> 
 
     <th>Header 1</th> 
 
     <th>Header 2</th> 
 
    </tr> 
 
    <tr> 
 
     <td>Cell 1</td> 
 
     <td>Cell 2</td> 
 
    </tr> 
 
    <tr> 
 
     <th>Header 1</th> 
 
     <th>Header 2</th> 
 
    </tr> 
 
    <tr> 
 
     <td>Cell 1</td> 
 
     <td>Cell 2</td> 
 
    </tr> 
 
</table>

在這個例子中

基本上，我想2最小化/最大化，從彼此交互開按鈕（如果我打一個，另一個是不變） 。

Answer 1

你試過嗎？

http://www.w3schools.com/jquery/jquery_hide_show.asp

<script> 
$(document).ready(function(){ 
    $("#hide").click(function(){ 
     $("p").hide(); 
    }); 
    $("#show").click(function(){ 
     $("p").show(); 
    }); 
}); 
</script> 

基本上，這上面的腳本瞄準id="hide"

所以當您單擊id元素「隱藏」就可以啓動Jquery的功能和隱藏<p>元素。

然後以同樣的方式針對id="show"

剛上它很好看，這是很容易理解。

Answer 2

你可以給一個ID表像下面

<table id="tb1"> 

然後你可以使用jQuery來隱藏按鈕，點擊表格中

$("button#minimize").click(function(){ 
    $("div#tb1").hide(); 
}) 

同樣可以顯示在最大化按鈕，單擊表。按鈕應具有編號maximize和minimize。