show/hide button

[furiousgeorge]

does anyone know how to make the buttons shown on this page that show and hide text? or know where to find a tutorial on how to do so?
[url]http://www.boyken.com/services/projectmanagement.asp[/url]

thanks!

[Murray *TMM*]

Those are simple text elements - [+] and [-].

The text is being shown and hidden by some method of toggling the CSS style
display:none to display:block. This is usually done with javascript. The
relevant HTML markup is -

<span class="h2">Development Management</span> <span class="content"><a
href="#" STYLE="text-decoration:none" onclick="showHide('display2', this);
return false;" id="aControl1">[+] Show more information</a><br>
Development management services include the creation of a
master
plan for implementing a capital improvements program.

<div id="display2" style="display:none;"><br>
<STRONG>Project Planning</STRONG><BR>
This plan incorporates objectives and functional needs,
criteria
for spatial relationships among areas, quality levels of
areas
and an outline of design criteria for structural,
mechanical,
electrical and special systems with estimated
net-gross-area
ratios. </div>

The js function "showHide('display2', this);return false;" is simply
toggling the style="display:none;" applied inline to the <div id="display2">
from its current value to display:block/display:none, as well as switching
the "+" to "-", as shown below -


function showHide(obj, oControl)
{
if (!document.all && document.getElementById)
{
document.all = document.getElementsByTagName("*")
}
ns4 = (document.layers)? true:false;
ie4 = (document.all)? true:false;

if (ns4)
{
skjul="hide";
vis="show";
}
else
{
skjul="none";
vis="block";
}

if (ns4)
{
flipObj = document.layers[obj];
if(flipObj.visibility==skjul)
{
flipObj.visibility=vis;
oControl.innerText = "[-] Hide information";
}
else
{
flipObj.visibility=skjul;
oControl.innerText = "[+] Show more information";
}

}

if (ie4)
{
flipObj = document.all[obj].style;
if(flipObj.display==skjul)
{
flipObj.display=vis;
oControl.innerText = "[-] Hide information";
}
else
{
flipObj.display=skjul;
oControl.innerText = "[+] Show more information";
}
}
}
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"furiousgeorge" <webforumsuser@macromedia.com> wrote in message
news:dboapv$15v$1@forums.macromedia.com...

> does anyone know how to make the buttons shown on this page that show and
> hide text? or know where to find a tutorial on how to do so?
> [url]http://www.boyken.com/services/projectmanagement.asp[/url]
>
> thanks!
>
>