Show/Hide Div Help

[Trebz]

Hi
Does anyone have a bit of code I could borrow that will not just toggle a div on & off, but also the link that does the deed?
I want to be able to have something like...
Hide HelpText
blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah
blah blah blah"
And then when you click "Hide HelpText" it becomes
Show Help Text

[benbacardi]

javascript:

Code: Select all

function change() {

if (document.getElementById("showhide").style.display == "none") {

document.getElementById("showhide").style.display = "inline";

document.getElementById("thetext").innerHTML = "Hide Help Text";

} else {

document.getElementById("showhide").style.display = "none";

document.getElementById("thetext").innerHTML = "Show Help Text";

}

}

and the HTML:

HTML: Select all

<a href="javascript:change();"><span id="thetext" style="display:inline">Show Help Text</span></a>

<div style="display:none" id="showhide">

blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah
blah blah blah

</div>

hope that helps!

[Trebz]

Excellent!!!

Exactly what I needed

Thanks very much Ben, much appreciated :-D