重新创建涂鸦手风琴表

Question

在我当前的Web项目中，我必须实现一个包含一个月所有日子的表格，从而生成〜30-31个表格列。由于这样一张巨大的桌子不是很漂亮，我想实施类似于Doodle Polls表格的东西。涂鸦折叠桌子，用图片替换隐藏的列，如果你点击那张图片，它展开列 - >显示隐藏的列。

但是，我该如何实现这样的行为？我是Javascript新手，不熟悉花哨的CSS3技术。

特别是，如何用图片替换隐藏的列？ 我发现的教程只允许隐藏特定列而不是替换它们。

PS：我还标记了RoR，因为我正在开发的项目是使用RoR构建的，也许还有针对该问题的Rails解决方案？

PPS：

Answer 1

可以隐藏你想隐藏第一，并与在表中显示的图像的列列。单击图像（折叠）时，可以隐藏包含图片的列，并使其他列再次可见。这不是关于一些奇特的css3的东西，但你需要有关如何通过javascript（隐藏/显示）元素与DOM元素进行交互的基本知识。这应该够了吧。

请参阅this w3schools教程。所有你需要的是获取你需要的元素（图像列和隐藏列中的所有TD），然后对它们应用CSS样式（隐藏/可见）。