user9260: I have seen people post with blank spaces with a header spoiler when the mouse is hovered on top of it the text comes up. How do I do that. I'm sure is this the right medium to ask about this, if it no i'm sorry but please do guide me on how to make the disappear thing on spoilers. 

user191: The markup is:
>! Spoiler paragraph.
How it actually looks:

 Spoiler paragraph.


user1398: Paragraph
Since you can't use double new line in spoiler block to separate paragraphs, you need to work around by adding line breaks by ending the lines in 2 spaces.

 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Source:
>! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  
>!  
>! Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

To be more explicit (space between >! and TEXT is optional):
>! TEXT<SP><SP><NL>
>!<SP><SP><NL>
>! TEXT

Heading. List. Numbering. Blockquote. Horizontal Line.
There is currently no support for Markdown quote, Markdown heading, Markdown list and Markdown numbering inside spoiler block. You need to use HTML to emulate them.

 Unordered list
Item 1
Item 2

Ordered list
Item 1
Item 2
Here is a famous quote.

Source:
>! <h2>Unordered list</h2>
>!
>! <ul><li>Item 1</li>
>! <li>Item 2</li></ul>
>! <hr>
>! <h2>Ordered list</h2>
>! <ol><li>Item 1</li>
>! <li>Item 2</li></ol>
>!
>! <blockquote>Here is a famous quote.</blockquote>

Spoiler banner
I personally prefer to use a blockquote as a spoiler banner when the spoiler content is too many, and the content needs to be formatted to make it presentable. I place the banner before the spoiler content, and leave the spoiler content outside spoiler block.

/!\ Spoiler Warning
The content from this point on contains spoilers. Read it at your own risk.

Source:
> ## `/!\` Spoiler Warning

> The content from this point on contains spoilers. Read it at your own risk.

(There are better ways to present the warning sign, but this is the simplest way and readily typable).

9260: <p>I have seen people post with blank spaces with a header spoiler when the mouse is hovered on top of it the text comes up. How do I do that. I'm sure is this the right medium to ask about this, if it no i'm sorry but please do guide me on how to make the disappear thing on spoilers. </p>
 191: <p>The markup is:</p>

<p><code>&gt;! Spoiler paragraph.</code></p>

<p>How it actually looks:</p>

<blockquote class="spoiler">
  <p> Spoiler paragraph.</p>
</blockquote>
 1398: <h1>Paragraph</h1>

<p>Since you can't use double new line in spoiler block to separate paragraphs, you need to work around by adding line breaks by ending the lines in 2 spaces.</p>

<blockquote class="spoiler">
  <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br>
<br>
 Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</blockquote>

<p>Source:</p>

<pre><code>&gt;! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  
&gt;!  
&gt;! Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</code></pre>

<p>To be more explicit (space between <code>&gt;!</code> and <code>TEXT</code> is optional):</p>

<pre><code>&gt;! TEXT&lt;SP&gt;&lt;SP&gt;&lt;NL&gt;
&gt;!&lt;SP&gt;&lt;SP&gt;&lt;NL&gt;
&gt;! TEXT
</code></pre>

<h1>Heading. List. Numbering. Blockquote. Horizontal Line.</h1>

<p>There is currently no support for Markdown quote, Markdown heading, Markdown list and Markdown numbering inside spoiler block. You need to use HTML to emulate them.</p>

<blockquote class="spoiler">
  <p> <h2>Unordered list</h2>

 <ul><li>Item 1</li>
 <li>Item 2</li></ul>
 <hr>
 <h2>Ordered list</h2>
 <ol><li>Item 1</li>
 <li>Item 2</li></ol>

 <blockquote class="spoiler">Here is a famous quote.</blockquote></p>
</blockquote>

<p>Source:</p>

<pre><code>&gt;! &lt;h2&gt;Unordered list&lt;/h2&gt;
&gt;!
&gt;! &lt;ul&gt;&lt;li&gt;Item 1&lt;/li&gt;
&gt;! &lt;li&gt;Item 2&lt;/li&gt;&lt;/ul&gt;
&gt;! &lt;hr&gt;
&gt;! &lt;h2&gt;Ordered list&lt;/h2&gt;
&gt;! &lt;ol&gt;&lt;li&gt;Item 1&lt;/li&gt;
&gt;! &lt;li&gt;Item 2&lt;/li&gt;&lt;/ol&gt;
&gt;!
&gt;! &lt;blockquote&gt;Here is a famous quote.&lt;/blockquote&gt;
</code></pre>

<h1>Spoiler banner</h1>

<p>I personally prefer to use a blockquote as a spoiler banner when the spoiler content is too many, and the content needs to be formatted to make it presentable. I place the banner before the spoiler content, and leave the spoiler content outside spoiler block.</p>

<blockquote>
  <h2><code>/!\</code> Spoiler Warning</h2>
  
  <p>The content from this point on contains spoilers. Read it at your own risk.</p>
</blockquote>

<p>Source:</p>

<pre><code>&gt; ## `/!\` Spoiler Warning

&gt; The content from this point on contains spoilers. Read it at your own risk.
</code></pre>

<p>(There are better ways to present the warning sign, but this is the simplest way and readily typable).</p>
