动画和隐藏表格，包括边框

Question

我正在尝试使用jquery动画来折叠和扩展表格。我在div中使用div并将其高度设置为0.当高度设置为0时，如何隐藏边框。

$('.table').find('td').css('overflow','hidden')
$('.table').find('td').children('div').animate(
                                         {height: '0px',
                                              opacity: 0}, 500); 

此外，我无法将状态设置为表格折叠或展开

$tbl.data("data",state);   //Doesn't seem to change the data value.

演示：http://jsfiddle.net/SKxS3/4/

Answer 1

你应该做的事情：

• 将var state放在onclick处理程序之外，因此它是一个全局变量
• 将隐藏动画行移动到您要折叠表格的块
• 创建另一个动画以再次展开该表
• 最后，如果要在完成折叠后隐藏所有表格，可以在动画结束功能中添加$tbl.hide();。

DEMO FIDDLE HERE