Adding Hidden text to a simple HTML document.

I would like to add hidden text to an HTML document. This text would be similar to a spoiler warning in a web forum where someone can click the spoiler warning and the text will drop down. What would be the best way to place this in an HTML document.

 

Hmm, I just made an example here : https://jsfiddle.net/MikeIn/g8dbgrh8/4/

You can decorate it as per your req., using css or otherwise.

Do remember to attach latest version of jQuery 1.x.x .

If you already have jQuery attached ones in a page, there is no need to attach it twice.

 

1. Why in all that is holy are you using both caps and normal letters in your classnames?
2. Why are you doing this with javascript?
3. Why are you adding jQuery for something as banal as this?
4. Why not just have CSS do the work? https://jsfiddle.net/z21rscwg/1/ <- pure html/css solution

 

Or you can do something a bit more fancy:

https://jsfiddle.net/vtast51c/1/

 

That one was actually quite fancy

 

This works but is not really viable in a seo perspective because search engines wont like it.

 

I would go with a modal and a visible button.

 

Eh, what? @qwikad.com s solution has absolutely NO effect on search engines' interpretation of a site.

 

In my book, that is spam. So is any word containing the acronym "SEO". (which makes this spam as well )

People discuss what search engines like and dislike without knowing some of the fundamental concepts of web. You couldn't ever take statementseriously.
@MakeBlog.org, I hope you realize that "make blog" is bad grammar. And bad grammar is bad for SEO... *uncontrollable laughter*

 

I stopped worrying about SEO and stuff the moment they said there would be another and another and another update... They may as well go ahead and update themselves into oblivion.