The spoiler has the function to hide and show text or images, and is very useful when trying to reduce space in the inputs or only if you want the text or image only see when pressed.
The first thing you need is the code:
<div><input value="Show" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Hide Content';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show Content';}" type="button" /><div style="display: none;">HIDE CONTENT GOES HERE</div></div>
- The yellow text you can modify the text, link or whatever you want to put.
Copy the code and paste in the new entry in Edit HTML in place of the entry where you want to show.
Modify the text to display when pressed and ready.
Live Demo
Or watch the Video
1 comments:
Write commentsThank you
ReplyEmoticonEmoticon