Suppose I have in my HTML document two tables, side by side.

[TAB1 | TAB2]
[ 50% | 50% ]

I need (after the click of a button/link) to collapse table1 and then, when it happens, expand table2.

[T| TAB2 ]
[20%| 80% ]


The user may be able to expand table1 back to its original size, then table2 shrinks to adapt on the screen.

[TAB1 | TAB2]
[ 50% | 50% ]

Is it possible? Does anyone have an example? It's been hard to find a solution...

Thanks in advance!!!!