Collapsable Text

You are viewing this site as a guest. Join our community to get your questions answered and share knowledge. Active members may advertise and ask for a website critique.

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

They have: 89 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!

Webmaster's Corner

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

He has: 1,383 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]

Kyle Brady, President, Intuitive Industries LLC.
http://www.int-ind.com
[EMAIL=brady.k@gmail.com]brady.k@gmail.com[/EMAIL] - [EMAIL=brady.kyle@int-ind.com]brady.kyle@int-ind.com[/EMAIL]

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

He has: 3,308 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. Smiling

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

abhishek.geek.nz

brady.k posted this at 15:40 — 15th March 2004.

He has: 1,383 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>