当我将列表更改为表格时，如何使我的列表效果起作用？

Question

我有文件列表 - 单击其中一个文件后会显示 jquery 表单：这里是：http://jsfiddle.net/GSC3x/11/

但现在我注意到，我需要在此页面上放置一个表格，并且我希望此列表成为整个表格中的一列，这是（丑陋的）示例：http://jsfiddle.net/GSC3x/15/。

我希望 jquery 表单在更改为表格视图后以相同的方式工作。我的意思是，隐藏所有内容并显示表单。

怎么做？

谢谢！

Answer 1

要使表格消失，您不应隐藏单个单元格（就像您对 $(".show_hide").hide(); 所做的那样），而是隐藏整个表格。

此外，您正在重用显示表单的按钮来隐藏它，但样式完全不同。这很奇怪，没有必要，而且很难使用。

使用单独的按钮关闭表单，不要使用相同的事件处理程序 ($('.show_hide').click)。无论如何，显示和隐藏部分不共享任何代码。

像这样构建您的代码还可以很容易地添加平滑过渡，例如淡入淡出或您已经实现的滑动。