Question

我们正在寻找可折叠的价格表。让我们说如果我们的价格表中有5个选项，我想要折叠3个选项。当您按下某个选项时，它会打开。所以我不希望整个桌子都可以折叠，只是表格的一部分。我们正在寻找一种方法，但我们尚未找到解决方案。

我们如何才能完成这项工作，甚至可能？在Google上花了一些时间之后，我们无法找到这个问题的直接答案。

我们可以使用插件或某种代码吗？

Answer 1

你可以试试这个：

HTML：

<table border="0">
  <tr  class="header">
    <td colspan="2">Header</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr  class="header">
    <td colspan="2">Header</td>
  </tr>
  <tr>
    <td>date</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
  </tr>
</table>

JS：

$('.header').click(function(){
    $(this).nextUntil('tr.header').slideToggle(1000);
});

小提琴：http://jsfiddle.net/7ty3b/

价格表可折叠

1 个答案: