Hi Kevin,

The most obvious way to do this is using JavaScript. There are loads of
different JavaScript methods, however I've come up with a small library of
functions based on the Prototype framework that lets you do this kind of
this, completely unobtrusively and without non-standard markup.

Take a look here, it's free to use:
http://www.stillbreathing.co.uk/projects/performer/performer.html

Chris

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of kevin mcmonagle
Sent: 22 May 2007 16:39
To: wsg@webstandardsgroup.org
Subject: [WSG] div hiding and expanding

Hi,
Is there a way to do this unobtrusively and validly? see div ids:

<div id=/wrapper/>
    <div id=/visible all the time/>  
      </div>
    <div id=/hidden but expands when link clicked/,>
    </div>
</div>


<div id=/wrapper/>
    <div id=/visible all the time/>  
      </div>
    <div id=/hidden but expands when link clicked/,>
    </div>
</div>....


The expanding div would push down the bottom border of the wrapper and 
expand to the height of its
content. It would be used for event listings that have 2 categories of 
content, one of which is very redundant and wouldn't need to be seen 
every time. Im not a fan of this kind of thing but in this case the 
content is very redundant.

-best
kevin




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to