Πώς να κρύψετε ή να εμφανίσετε ένα κείμενο

http://nikos63.blogspot.com/2010/03/blog-post_25.html

Αν κοιτάξετε στο τέλος του blog μου, στα αριστερά κάτω-κάτω, θα δείτε ένα κοιμπί που πάνω του γράφει "Show/Hide" (όπως το βλέπετε και στην παρακάτω εικόνα).
Αν το πατήσετε (όχι στην εικόνα εννοείται, αλά στο τέλος του blog), θα δείτε να ξεδιπλώνεται ένα κείμενο, και πατώντας το ξανά, να ξανακρύβεται. Δοκιμάστε το λίγο, για να καταλάβετε περί τίνος πρόκειται.


Πώς γίνεται:

Αντιγράψτε απλά τον παρακάτω κώδικα:

Ο ΤΙΤΛΟΣ ΕΔΩ..
<br/><br/>
<div id="spoiler" style="display: none;">
TΟ ΚΕΙΜΕΝΟ ΣΑΣ ΕΔΩ
</div>
<br/><br/>
<center><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></center>

Τώρα, απλά αντικαταστήστε τα παρακάτω:
1. Ο ΤΙΤΛΟΣ ΕΔΩ.. (βάζοντας έναν τίτλο δικό σας) και
2. TΟ ΚΕΙΜΕΝΟ ΣΑΣ ΕΔΩ (αντικαθιστώντας αυτήν την πρόταση με το κείμενο που θέλετε να κρύψετε, και να εμφανιστεί μόνο μετά το πάτημα του κουμπιού)

Βάλτε το "ΜΟΝΟ" μία φορά. Δεν είναι για χόρταση, και δεν λειτουργεί σωστά αν βάλετε και δεύτερο.
Καλή επιτυχία.