First, I'd swap out those id's for some class names so you can use them more than once.

Then a splash of javascript can isolate the elements that you want to apply the behavior to:

   * Make a function to hide everything that shouldn't be in view
   * Make a function to hide/reveal the next sibling of your activating
link with the onclick event
*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design & Development/
Phone: (609) 335-3076
www.sitesbyjoe.com <http://www.sitesbyjoe.com>



kevin mcmonagle wrote:
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