Collapsable Text

icerider posted this at 04:11 — 15th March 2004.

They have: 88 posts

Joined: Feb 2004

Does anyone know where I can get collapsable text?

For Example: The text says Biography, nothing else. Then, when you click on Biography, text appear under Biography.

Thanks!

kb posted this at 04:49 — 15th March 2004.

He has: 1,380 posts

Joined: Feb 2002

You mean like taking a menu tree and modding it?

Check out this. You can mod it so it doesn't have the folder, has whatever image you want, and has the proper text underneath.

[English accent]Should work quite fantastically.[/English]

Abhishek Reddy posted this at 04:58 — 15th March 2004.

He has: 3,348 posts

Joined: Jul 2001

Sure, check these pages:
http://dynamicdrive.com/dynamicindex5/index.html
http://www.hotscripts.com/JavaScript/Software/index.html

edit: Round One goes to Kyle.

edit2: careful, that one Kyle linked to is IE-only. Look for ones that say NS6/All if you can afford to.

kb posted this at 15:40 — 15th March 2004.

He has: 1,380 posts

Joined: Feb 2002

Good call, I didn't look for the browser compatibility.

Chroder posted this at 19:41 — 15th March 2004.

He has: 91 posts

Joined: Mar 2004

Try this if you still haven't found one.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>MyTest</title>
    <strong>&lt;script language="javascript"&gt;
    function toggle(id)
    {
        var itm = false;
        if(document.getElementById)
            itm = document.getElementById(id);
        else if(document.all)
            itm = document.all[id];
        else if(document.layers)
            itm = document.layers[id];

        if(!itm)
            return false;
        
        if(itm.style.display == 'none')
            itm.style.display = '';
        else
            itm.style.display = 'none';
        
        return false;
    }
    &lt;/script&gt;</strong>
<body>

<a href="#" <strong>onclick="toggle('my_div_name')"</strong>>Toggle It</a>
<strong><div id="my_div_name" style="display:none"><b>This</b> is my <i>very</i> <u>cool</u> hidden text!</div></strong>

</body>
</html>

Important parts in bold

The New Tech - New
Webmaster-Talk.com
Chroder.com

icerider posted this at 20:44 — 15th March 2004.

They have: 88 posts

Joined: Feb 2004

Great, thanks guys!