# Javascript+CSS resizing question

**URL:** https://forum.kirupa.com/t/javascript-css-resizing-question/206197
**Category:** web dev
**Created:** [November 6, 2006, 3:40am UTC](https://forum.kirupa.com/t/javascript-css-resizing-question/206197 "2006-11-06T03:40:38Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![matthewjumps](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@matthewjumps](https://forum.kirupa.com/u/matthewjumps)
#### Post date: [November 6, 2006, 3:40am UTC](https://forum.kirupa.com/t/javascript-css-resizing-question/206197/1 "2006-11-06T03:40:38Z")

</div>

[http://www.isurf.net.au/newsitetest/test.htm](http://www.isurf.net.au/newsitetest/test.htm)

click anywhere on the grey section that contains the text “CLICK ME”

A panel will open up vertically then horizontally, revealing 3 divs inside it with headers+text in each div.

Both on IE and Ffox - the first div (DIALUP CASUAL) appears correctly. The parent div reveals its text like a mask in flash.

So far so good.

But then the next 2 info divs just appear when theres enough room in an instant, instead of masking in like the first one.

I have a feeling this has something to do with overflow: hidden i have set on the parent div…

anyone have any idea how to make the div open up so all child divs and their contents get gradually revealed?

[whisper]ignore the messiness of the javascript functions im still learning so will go back later and re-write the functions so they are more re-usable and flexible[/whisper]