W3C home > Mailing lists > Public > www-style@w3.org > February 2008

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

From: Andrew Fedoniouk <news@terrainformatica.com>
Date: Sun, 24 Feb 2008 23:31:23 -0800
Message-ID: <47C26ECB.1050307@terrainformatica.com>
To: Brad Kemper <brkemper@comcast.net>
CC: www-style list <www-style@w3.org>

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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:55:01 GMT