GESIOR: How to make a spoiler?

[1268995]

Hello guys.

My website = Gesior.

I maded a Quests page. Its a lot of quests, then i want make a spoiler to player only see information of the quest he want to make.

Its something like that:

Quest 1
<spoiler about quest 1>

Quest 2
<spoiler about quest 2>

(...)

How can i do that? What i must add to my codes? Thanks!

 

[1268995]

bump;;

 

[samco]

You can use jQuery to easily add that functions.

 

[1268995]

You can use jQuery to easily add that functions.

How can i do that?

 

[StreamSide]

VISIBLE CONTENT HERE
<div id="spoiler" style="display:none">
HIDDEN CONTENT HERE
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>

 

[samco]

VISIBLE CONTENT HERE
<div id="spoiler" style="display:none">
HIDDEN CONTENT HERE
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>

Here you have a simple javascript example

 

[1268995]

Here you have a simple javascript example

Nice! But i must simple add that to my code or i should add a function in someplace? (cant test right now)

 

[1268995]

VISIBLE CONTENT HERE
<div id="spoiler" style="display:none">
HIDDEN CONTENT HERE
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>

I tested.. i put the code on some of my php files , reloaded page and only appear a blank page. Something is wrong with the code.

 

[1268995]

bump