重新创建涂鸦手风琴表

Question

在我当前的Webproject中，我必须实现一个包含一个月中所有日期的表，从而产生~30-31个表列。由于这么大的桌子不是很漂亮，我想实现类似于Doodle Polls表格的东西。涂鸦折叠表格，用图片替换隐藏的列，如果您点击该图片，它将展开列 - ＆gt;显示隐藏的列。

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

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

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

PPS：

Answer 1

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

请参阅w3schools的this教程。你只需要获得你需要的元素（图像列和隐藏列中的所有TD）然后将一个css样式应用于它们（隐藏/可见）。