在我当前的Web项目中，我必须实现一个包含一个月所有天数的表，导致约30-31个表列。由于这么大的表格不是很漂亮，因此我想实现类似于Doodle Polls表格的功能。 Doodle会折叠一张桌子，用图片替换隐藏的列，如果您单击该图片，它将展开列->显示隐藏的列。
但是我如何实现这种行为？我是Java语言的新手，并不熟悉CSS3技术。
特别是，如何用图片替换隐藏的列？
我发现的教程仅允许隐藏特定的列，而不是替换它们。
PS：我也标记了RoR，因为我正在从事的项目是用RoR构建的，也许还有针对这个问题的Rails解决方案？
PPS：
最佳答案
您可以隐藏要首先隐藏的列，并在其中包含表中显示图像的列。单击图像（折叠）后，您可以隐藏包含图片的列，并使其他列再次可见。这实际上与某些花哨的CSS 3内容无关，但是您需要有关如何通过javascript（隐藏/显示）元素与DOM元素进行交互的基本知识。这应该够了吧。
请参阅w3schools上的this教程。您所需要做的就是获取所需的元素（图像列和隐藏列中的所有TD），然后对它们应用CSS样式（隐藏/可见）。
关于javascript - 重新创建Doodle Accordion 表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15895744/