Last night I stumbled across an alternative to Scriptaculous, named mootools. This is a lot more compact and they even allow you to compile your own version at the point of download, allowing you to limit its content. It even compresses the code for you. Anyway, this is no good to me without a matching Lightbox script and, lo-and-behold, I found one named Slimbox – in fact it’s almost identical, but quicker and various improvements made.
I’ve now embedded both of these in a new version of the BMTG site that I’m working on, and it works like a dream with no modifications to my existing code (other than calling different scripts and stylesheets) required. Nice. It’s more compact and a lot quicker too.
By default the section that I want to hide has the following DIV surrounding it…
<div id="cast_div" style="position:relative; display:none">
This will hide the content until a button (displayed above the content) is pressed.
So, to reveal the content you add the following..
To hide the content again…