(Edgar Allan Poe: The Raven)
Once upon a midnight dreary, while I pondered weak and weary, over many a quaint and curious volume of forgotten lore, while I nodded, nearly napping, suddenly there came a tapping, as of some one gently rapping, rapping at my chamber door. "'Tis some visitor,' I muttered, "tapping at my chamber door - only this, and nothing more.' etc. Read the whole poem HERE.

Scripts (main page) HERE.

Usage: Lines like
<a href="javascript: void(0)" onclick="toggleSlide('one')">one</a>
<iframe class="auto_resize" name="one" id="one" style="width:430px; margin: 15px; border:1px inset silver" src="one.html" onload="set_iframe_height(this.id)"></iframe>

<a href="javascript: void(0)" onclick="toggleSlide('two')">two</a>. <br>
<iframe class="auto_resize" name='two' id='two' style="position: absolute; left:50%; margin-left:-215px; width: 430px; border:1px inset silver" src='two.html' onload="set_iframe_height(this.id)"></iframe>

CSS in the external pages (here: one.html and two.html):
Overflow:
We don't need anything for non-IE. As for IE, in order to prevent superfluous scroll bars from showing, we have to put this in the external page: body {overflow: hidden}.
Instead of doing that, we could put scrolling="no" in each iframe, but then we must choose the appropriate loose doctype for our (main) page.
Borders:
To get nice borders in non-IE, we don't need to put anything in the external (iframed) pages. We just put something like border: 1px solid silver in the iframe tag on the main page and we're done.
This will not work for IE. The only IE-way to remove the ugly standard frameborder seems to be to put frameborder="0" in each iframe, forcing us to choose a loose doctype.
Hiding an opened iframe from within it:
As well as you can do onclick="toggleSlide('something')" in the main page (see links above), you can do onclick="parent.toggleSlide('something')"> in the iframed pages.

That's it.
© Arie Molendijk - classical-music.tk.