[RESOLVED] JavaScript hide/show

EPJS

I wanted to list a few song lyrics, but the problem is when the lyrics are 'hidden' they still take up room on the page, so other lyric titles are pushed way down on the page. Any idea how to fix this?

http://www.ninty.xenweb.net/weirdal/

dougal85

Hmm, seems like it could get quickly complicated.

I guess you need to change the div height and overflow property in css... can you do that via JS? I'm not that sure.

The only way I know how to do it is via some AJAX. However, thats where it starts to get quickly more complicated. but having said that, you could achive this very easily with XAJAX

Weedpacket

From the CSS2 specification:

The 'visibility' property specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the 'display' property to 'none' to suppress box generation altogether).

EPJS

Weedpacket wrote:
From the CSS2 specification:

Thanks, that worked 🙂