html表格折叠三级分类,折叠表HTML(Collapsing table with html)

使用jQuery因此新的jsfiddle(更新)： http://jsfiddle.net/5BRsy/3/

第一组class和id是那么您可以给他们打电话JS注意我不得不这样做的每一个TD ，因为它不会让我用股利或跨度和隐藏起来。

used	1gb	2gb
drive 1	0.5gb	1gb
drive 2	0.5gb	1gb
available	1gb	2gb
drive 1	0.5gb	1gb
drive 2	0.5gb	1gb
total	2gb	4gb

然后用JS

$(document).ready(function(){

$(".btn").click(function(){

$(".expand1").toggle();

});

$(".btn2").click(function(){

$(".expand2").toggle();

});

})

和CSS来隐藏他们的onload否则他们可以看到隐藏的TD小号

.expand1 { display: none;

}

.expand2 { display: none;

}

欲了解更多信息请访问http://www.w3schools.com/jquery/jquery_hide_show.asp