Php 创建垂直折叠和展开的html表

Php 创建垂直折叠和展开的html表,php,html,html-table,expand,Php,Html,Html Table,Expand,我有一个php脚本,可以读取一个文件并生成一个多页的表集合,而且很容易读取。有没有办法只需点击一个小按钮,只留下该表的标题栏,就可以将每个表折叠起来 谢谢 我认为您可以使用CSS和JavaScript或JQuery来实现这一点。使用css类定义一个div,例如“可折叠”,在页面上放置一个链接,编写一个脚本,查找该类的任何元素并隐藏/显示它们 创建一个div。将表格放在dat内。为div提供溢出,并在脚本中使用Jquery Slidetoggle、show和hide函数。您将获得必要的收拢和展开h

我有一个php脚本,可以读取一个文件并生成一个多页的表集合,而且很容易读取。有没有办法只需点击一个小按钮,只留下该表的标题栏,就可以将每个表折叠起来


谢谢

我认为您可以使用CSS和JavaScript或JQuery来实现这一点。使用css类定义一个div,例如“可折叠”,在页面上放置一个链接,编写一个脚本,查找该类的任何元素并隐藏/显示它们

创建一个div。将表格放在dat内。为div提供溢出,并在脚本中使用Jquery Slidetoggle、show和hide函数。您将获得必要的收拢和展开html表格

您可以将表格放在div元素中,并使用jquery切换按钮单击

下面是一张表的示例

HTML


希望有帮助

非常感谢你的回复,但是我很难让它工作。你能把它做成一个单独的文件吗?你可以把javascript放在脚本标记//javascript代码之间,把它包含到你的文件中。不要忘记包含jquery库的路径或更简单的路径,只需在脚本之前添加以下两行:
<button id="hideshow">Helper</button>

<div id="hideshow1"><table><tr><td>One</td><td>Two</td></tr><tr><td>One</td><td>Two</td></tr></table></div>
   $( "#hideshow" ).click(function() {
      $( "#hideshow1" ).toggle("slow");      
    });