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

Question

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

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

我希望 jquery 表单的东西在更改为表格视图后以相同的方式工作。我的意思是，隐藏一切，让形式出现。

怎么做？

谢谢！

Answer 1

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

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

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

像这样构造你的代码也可以很容易地添加平滑的过渡，比如褪色或你已经实现的滑动。