Spoiler-Type Code

[:Edzy]

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


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


FLASH HERE

But changing the text saying spoiler to summing else

Like this?

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

[:Edzy]

Thanks Si <3

+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<3

[Invent]

It would work fine with images Adam [: