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