最大化/最小化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。