重新創建塗鴉手風琴表

Question

在我當前的Web項目中，我必須實現一個包含一個月所有日子的表格，從而生成〜30-31個表格列。由於這樣一張巨大的桌子不是很漂亮，我想實施類似於Doodle Polls表格的東西。塗鴉摺疊桌子，用圖片替換隱藏的列，如果你點擊那張圖片，它展開列 - >顯示隱藏的列。

但是，我該如何實現這樣的行爲？我是Javascript新手，不熟悉花哨的CSS3技術。

特別是，如何用圖片替換隱藏的列？ 我發現的教程只允許隱藏特定列而不是替換它們。

PS：我還標記了RoR，因爲我正在開發的項目是使用RoR構建的，也許還有針對該問題的Rails解決方案？

PPS：

Answer 1

可以隱藏你想隱藏第一，並與在表中顯示的圖像的列列。單擊圖像（摺疊）時，可以隱藏包含圖片的列，並使其他列再次可見。這不是關於一些奇特的css3的東西，但你需要有關如何通過javascript（隱藏/顯示）元素與DOM元素進行交互的基本知識。這應該夠了吧。

請參閱this w3schools教程。所有你需要的是獲取你需要的元素（圖像列和隱藏列中的所有TD），然後對它們應用CSS樣式（隱藏/可見）。