javascript - 如何在表格行之间显示元素？

Question

我有一个表，其中包含与每一行关联的数据。

例如

Column 1      | Column 2
Data            More Data
  Data part a     More Data part a
  Data part b     More Data part b

我需要根据用户的选择在每一行之间显示这些数据。执行此操作的正确方法是什么？

Answer 1

根据@Teemu、@A.O 和@guest 的评论。

Sample fiddle.

还可以通过以下方式检查验证:

• HTML:http://validator.w3.org/ example
• CSS:http://jigsaw.w3.org/css-validator/

快速概念:

<table>
    <tr>
        <td>Cell1</td>
        <td>Cell2</td>
        <td>Cell3</td>
        <td>Cell4</td>
        <td>Cell5</td>
    <tr>
    <tr>
        <td colspan="5" id="content1">
            <div>
               Toggle able content
            </div>
        </td>
    </tr>
</table>

CSS:

[id*=content] {
    background: #eee;
    display: none;
}

JS:

$("input").click(function () {
    var $el = $($(this).data('href'));
    if ($el.is(":visible")) {
        $el.hide();
    } else {
        $el.show();
    }
});