html 可以折叠的表格,javascript – html5 – 如何折叠和扩展复杂的表格元素

如何将自定义数据属性添加到要控制的单元格？

实例

https://jsfiddle.net/knspgwkq/7/

您的父母将拥有一些关键值的数据可折叠父项.

而您希望隐藏/显示上述父级的孩子将保存与父级具有相同键值的data-collapsable-child.

如果您需要额外的折叠扩展元素,请查看此示例

通过单击参数1,然后单击Sub参数(2)将打开其他元素.

$('[data-collapsable-parent]').click(function(){

var child = $(this).attr("data-collapsable-parent");

$('[data-collapsable-child="'+ child + '"]').toggle('slow');

});

[data-collapsable-child] {

display: none;

}

Summary 1	1 st level
	Parameter 1
	Sub level-1	Sub parameter (1)
		Sub parameter (2)
	Parameter 2