Spoiler-Type Code

[:Edzy]

Anyone know a code for like a spoiler which u can modify the text so like

Show Hide

FLASH HERE

But changing the text saying spoiler to summing else

Edited by Lµke (Forum Moderator): Thread Moved from Website Designing. Please post in the correct section next time, Thanks .

[Invent]

I have a JS code. Ill find it in a min.

I just use JS to change the style attributes of a DIV [:

[Mr.OSH]

Anyone know a code for like a spoiler which u can modify the text so like

Show Hide

FLASH HERE

But changing the text saying spoiler to summing else

Show Hide

Show Hide

Like this?

Just put one set of the tags within the other set? :S I'm not sure what you mean..

[:Edzy]

Thanks Si

+REP

[Andys]

Whats the acctual code for a spoiler?
rofl

[Invent]

Javascript:

<script language="javascript">
function drop(id){
var dropdiv=document.getElementById(id);
dropdiv.style.display=dropdiv.style.display=='none'? 'block' : 'block';
}
</script>

And for the HTML:

<a onClick="drop('rofl')">CLICKS ME</a>
<div id="rofl" style="display: none">hiyar!!1</div>

[Mr.OSH]

javascript:

<script language="javascript">
function drop(id){
var dropdiv=document.getElementById(id);
dropdiv.style.display=dropdiv.style.display=='none'? 'block' : 'block';
}
</script>

And for the HTML:

<a onClick="drop('rofl')">CLICKS ME</a>
<div id="rofl" style="display: none">hiyar!!1</div>

Thanks for the code Simon, well done. + rep.

[Aflux]

javascript:

<script language="javascript">
function drop(id){
var dropdiv=document.getElementById(id);
dropdiv.style.display=dropdiv.style.display=='none'? 'block' : 'block';
}
</script>

And for the HTML:

<a onClick="drop('rofl')">CLICKS ME</a>
<div id="rofl" style="display: none">hiyar!!1</div>

Would the same concept work say, if I had an image and the image closed/opened the div when clicked?

Just tell me if I'm making no sense.

[:Edzy]

javascript:

<script language="javascript">
function drop(id){
var dropdiv=document.getElementById(id);
dropdiv.style.display=dropdiv.style.display=='none'? 'block' : 'block';
}
</script>

And for the HTML:

<a onClick="drop('rofl')">CLICKS ME</a>
<div id="rofl" style="display: none">hiyar!!1</div>

thanxxxxxx

[Invent]

It would work fine with images Adam [: