How to show/hide content on button click? : <p>I have some content in p tag</p>

<pre><code>&lt;p&gt;Some Content&lt;/p&gt;
</code></pre>

<p>I also have two button 'Hide' and 'Show'.</p>

<pre><code>&lt;button&gt;Hide&lt;/button&gt;
&lt;button&gt;Show&lt;/button&gt;
</code></pre>

<p>I want to hide the content if i click on 'Hide' button and show it again if clicked on 'Show' button. How to do it? Using JS or JQuery?</p>
