Php 创建垂直折叠和展开的html表
我有一个php脚本,可以读取一个文件并生成一个多页的表集合,而且很容易读取。有没有办法只需点击一个小按钮,只留下该表的标题栏,就可以将每个表折叠起来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
谢谢 我认为您可以使用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");
});