Javascript 压缩表与推特引导手风琴

我有一张桌子，结构如下：

Html部分：

<table id="table_div" class="table table-striped table-condensed"><tbody></tbody></table>

---

你能帮我摆弄一下，弄清楚你需要什么吗

更新：对原来的fiddle做了一些修改，示例使用了jQuery插件。以下是经过修订的HTML，以使其正常工作：

<div class="container">
    <table class="table table-striped table-bordered table-condensed"></table>
</div>

和修订的JavaScript：

var data = [
    [1348754599, 0.0],
    [1348754639, 0.0],
    [1348754680, 0.0],
    [1348754721, 0.0],
    [1348754761, 0.0],
    [1348754802, 0.0],
    [1348754842, 0.0],
    [1348754883, 0.0],
    [1348754924, 0.0],
    [1348754964, 0.0],
    [1348755005, 0.0],
    [1348755045, 0.0],
    [1348755086, 0.0],
    [1348755126, 0.0],
    [1348755167, 0.0],
    [1348755208, 0.0]
];

$('table').html('<thead><tr><th>TIMESTAMP</th><th>VALUE</th></tr></thead><tbody></tbody>');

$.each(data, function (index, value) {
    $('table > tbody').append('<tr><td>' + index + '</td><td>' + value + '</td></tr>');
});

$(function () {
    $('table').tablesorter();
});

---

这里有一个工作示例：

在JSFIDLE中，不工作，我不知道为什么。这是代码：。换言之，我想做这样的事情，就像这页中的表格一样。谢谢，我更新了这个例子，让所有可能还需要这个的人都能看到。

<div class="container">
    <table class="table table-striped table-bordered table-condensed"></table>
</div>

var data = [
    [1348754599, 0.0],
    [1348754639, 0.0],
    [1348754680, 0.0],
    [1348754721, 0.0],
    [1348754761, 0.0],
    [1348754802, 0.0],
    [1348754842, 0.0],
    [1348754883, 0.0],
    [1348754924, 0.0],
    [1348754964, 0.0],
    [1348755005, 0.0],
    [1348755045, 0.0],
    [1348755086, 0.0],
    [1348755126, 0.0],
    [1348755167, 0.0],
    [1348755208, 0.0]
];

$('table').html('<thead><tr><th>TIMESTAMP</th><th>VALUE</th></tr></thead><tbody></tbody>');

$.each(data, function (index, value) {
    $('table > tbody').append('<tr><td>' + index + '</td><td>' + value + '</td></tr>');
});

$(function () {
    $('table').tablesorter();
});