JQuery幻灯片/切换效果崩溃

Question

我已经完成了以下HTML 1row-table，它具有使用jQuery创建的滑动/切换效果。通过单击左侧的紫色单元格（单元格＃1）可以显示隐藏的内容。

http://jsfiddle.net/jrick/6r5de/2/

我需要解决的问题：

• 点击它时，黄色细胞会神秘消失，我该如何避免？

• 然后我想在下面添加更多行，效果与第一行相同。我试过自己，但是当隐藏的黄色单元滑下时，紫色的单元覆盖另一个，并且行对齐被中断。这就是它发生的事情：

http://jsfiddle.net/jrick/uv68r/5/

但在扩展状态下它应该或多或少看起来像这样：

    -----------------------------------------
   | Cell #1| hidden content                 |
    --------| This content should be visible | 
            | hidden content                 | 
            | hidden content                 | 
    ----------------------------------------- 
   | Cell #2| hidden content                 |
    --------| This content should be visible | 
            | hidden content                 | 
            | hidden content                 | 
             --------------------------------