表中的可折叠数据列使用jquery / javascript。

Question

Table image

正如您在图像中看到的，一些表数据有2个主列标题（th），而其他表有单个。我无法为项目创建一些内容，如果你点击 th 所有相应的 td 折叠成垂直形式（就像在任何手风琴中那样但只是垂直而不是水平）。

P.S我尝试创建一个小数学程序，点击 th 后突出显示所有相应的 td 。

Jsfiddle：http://jsfiddle.net/dHKgn/27`

    var colspan = 0;
    var news = 0;
    var stuff = $(this).prevAll("th").each(function () {
        news = $(this).attr("colspan");
        news = parseInt(news);
        colspan = colspan + news;
    })
    indexofthis = parseInt(indexofthis);
    var total = colspan + indexofthis;
    colspan = colspan + 1;
    }

    for (var i = colspan; i <= total; i++) {
        $("td:nth-child(" + i + ")").css({
            "color": "red"
        });
    }
});`