# CSS + Javascript show/hide DIV layers

**URL:** <https://forum.kirupa.com/t/css-javascript-show-hide-div-layers/155770>\
**Category:** web dev\
**Created:** [July 20, 2005, 5:08am UTC](https://forum.kirupa.com/t/css-javascript-show-hide-div-layers/155770 "2005-07-20T05:08:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![hgfl](https://avatars.discourse-cdn.com/v4/letter/h/8e7dd6/32.png) [@hgfl](https://forum.kirupa.com/u/hgfl)\
**Post date:** [July 20, 2005, 5:08am UTC](https://forum.kirupa.com/t/css-javascript-show-hide-div-layers/155770/1 "2005-07-20T05:08:08Z")

</div>

[http://www.dyn-web.com/dhtml/scroll/scroll-rel.html](http://www.dyn-web.com/dhtml/scroll/scroll-rel.html)  
The above resource is very cool – you can download the source code here: [http://www.dyn-web.com/dhtml/scroll/](http://www.dyn-web.com/dhtml/scroll/)

BUT… I was wondering if anyone knew of another resource that does the show/hide content thing in the same way, but instead of displaying it in a scrollable area, I’m after a simpler interface that just expands to fit the loaded content.

I have tried to modify this code to do what I want, but haven’t had much success (I’m not at all good when it comes to JavaScript). So any help/suggestions would be very much appreciated.

Thanx