Spoiler-Type Code

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 :).

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

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

Quote:

---

Originally Posted by :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

---

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..

Thanks Si <3

+REP

Whats the acctual code for a spoiler?
rofl

Javascript:

HTML Code:

---

<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:

HTML Code:

---

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

---

Quote:

---

Originally Posted by Invent

javascript:

HTML Code:

---

<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:

HTML Code:

---

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

---

---

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

Quote:

---

Originally Posted by Invent

javascript:

HTML Code:

---

<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:

HTML Code:

---

<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. :)

Quote:

---

Originally Posted by Invent

javascript:

HTML Code:

---

<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:

HTML Code:

---

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

---

---

thanxxxxxx<3

It would work fine with images Adam [: