Html JQuery滑动/切换效果崩溃

我已经完成了下面的HTML1Row表，它使用jQuery实现了滑动/切换效果。通过单击左侧的紫色单元格（单元格#1），可以显示隐藏的内容

我需要解决的问题：

• 当点击黄色单元格时，它神秘地消失了，我怎样才能避免这种情况

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

但在扩展状态下，它或多或少应该是这样的：

    -----------------------------------------
   | 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                 | 
             --------------------------------

---

好的，我想我已经自己解决了第一个疑问，只是在javascript函数和代码表中将colspan=“2”替换为colspan=“1”。只是错过了第二个…酷！！，现在一切都好了：D（）