javascript - Recreating Doodles Accordion Table -


in current webproject have implement table containing days of month, resulting in ~30-31 table columns. since such huge table isn't pretty, wanted implement similar tables of doodle polls. doodle folds table, replaces hidden columns pic , if click on picture unfolds columns -> displays hidden columns.

but how achieve such behaviour? i'm new javascript , not familiar fancy css3 techniques.

especially, how replace hidden columns picture? tutorials i've found allow hide specific columns , not replace them.

ps: tagged ror, since project i'm working on built ror , maybe there rails solution problem?

pps:

you hide columns want hide first , have column image displayed in table. when image (folding) clicked can hide column containing picture , make other columns visible again. not fancy css3 stuff need basic knowledge of how interact dom elements through javascript (hide / show) elements. should trick.

see this tutorial @ w3schools. need elements need (image column , tds in hidden columns) ant apply css style them (hidden / visible).


Comments

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

sql - ASP.NET SqlDataSource, like on SelectCommand -

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -