在我当前的 Web 元素中，我必须实现一个包含一个月中所有日期的表，从而产生约 30-31 个表列。由于这么大的表格不是很漂亮，我想实现类似于 Doodle Polls 表格的东西。 Doodle 折叠表格，用图片替换隐藏的列，如果您单击该图片，它会展开列 -> 显示隐藏的列。
但是我如何实现这样的行为呢？我是 Javascript 的新手，对花哨的 CSS3 技术不是很熟悉。
特别是，如何用图片替换隐藏的列？ 我发现的教程只允许隐藏特定的列，而不能替换它们。
PS:我还标记了 RoR，因为我正在处理的元素是使用 RoR 构建的，也许还有针对该问题的 Rails 解决方案？
交友会:
最佳答案
您可以先隐藏要隐藏的列，然后在表格中显示带有图像的列。单击图像(折叠)时，您可以隐藏包含图片的列并使其他列再次可见。这并不是真正关于一些花哨的 css3 东西，但您需要了解如何通过 javascript(隐藏/显示)元素与 DOM 元素交互的基本知识。这应该可以解决问题。
参见 this w3schools 教程。您所需要的只是获取所需的元素(图像列和隐藏列中的所有 TD)，然后将 css 样式应用于它们(隐藏/可见)。
关于javascript - 重新制作涂鸦 Accordion table ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15895744/