動畫和隱藏表格，包括邊框

Question

我正在嘗試折疊和擴展帶有jQuery動畫的表。 我在dt的內部使用div並將其高度設置為0。當將高度動畫化為0時如何隱藏邊框。

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

我也無法將狀態設置為table折疊或展開

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

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

Answer 1

您應該做的事情：

• 將var state放在onclick處理程序之外，因此它是一個全局變量
• 移動隱藏動畫行以阻止折疊表的位置
• 創建另一個動畫以再次擴展表格
• 最后，如果要在折疊完成后隱藏所有表，可以添加$tbl.hide(); 在動畫結束功能。

演示場