Re: [CSS3] Collapsing elements proposal [wasRe: Collapsing elements]

Brad Kemper wrote:
> 
> 
> If only an input element could have descendants, then you could create 
> tabs like this:
> 
> --------- HTML: ------------
> 
> <input type="radio" class="tab" checked>
> <label>Tab 1</label>
> <span>
> Contents to show when input is checked
> </span>
> </input>
> <input type="radio" class="tab">
> <label>Tab 2</label>
> <span>
> Contents to show when input is checked
> </span>
> </input>

Panels and their panels are not usually in parent-child relationship.

Tabs is a group of radio buttons having
:checked state flag bound to :expanded/:collapsed
state of correspondent panel elements - divs or any other
display:block elements.

Tabs represent concept of only-one-from-many is expanded.
Visually tabs can presented in many ways.
This [1] is another tabs incarnation: only-one-from-many is visible.

There is also many-from-many switch (UI pattern if you wish).
In principle many-from-many switch is close to what collapsible tree is
using - many containers can be in expanded or collapsed state at the 
same time. Group of checkboxes that are bound to expanded/collapsed
panels is a good model of this.

-- 
Andrew Fedoniouk.

http://terrainformatica.com

[1] http://terrainformatica.com/htmlayout/images/animation-slide-bar.jpg

Received on Monday, 25 February 2008 07:33:47 UTC