slideToggle在表格行中

Question

slideToggle是否与表一起使用？

我想slideToggle一行表.但它似乎没有任何影响.

Answer 1

SlideToggle可以处理表行,它只是很糟糕.

如果你的桌子行的高度大于它的最小值 - 就像这样

<tr height="30%">

然后slidetoggle将顺利向下滑动,直到达到它的最小高度......然后它将像你使用的那样立即消失

$("#tr").hide();

我在http://jsfiddle.net/BU28E/1/做了一个jsfiddle演示这个

更好的解决方案可能是使用由div制作的表.Divs将非常顺利地滑动.我在http://jsfiddle.net/BU28E/2/做了另一个jsfiddle演示这个

Answer 2

我所做的是在行中放入一个DIV,并将TR和TD的填充设置为零.然后我可以滑动切换div而不是行:

<table>
  <tr style="padding: 0">
    <td style="padding: 0">
      <div id="slideme" style="display: none">
    </td>
  </tr>
</table>

$("#slideme").slideToggle();

效果很好.我想你可以在每一栏中放置一个DIV,并在需要时同时滑动它们.

Answer 3

我不知道这种解决方法是否是有效且有效的方式,但它对我有用:

假设您要滑动表格的第一行(此代码将滑动标题):

$('table tr').first().children().slideUp();

所以,基本上,你想向上滑动Row子而不是行本身:)

Answer 4

尝试使用

$("#tr").fadeToggle(1000) 

为了达到类似的效果