How do I make a div tag display if I have it hidden on CSS using Javascript? : <p>In CSS I have a div tag that is like a comment section, but I want it hidden until the user clicks on the comment image. How do I make the div display when the user clicks on it using JavaScript?</p>

<p><strong>HTML</strong>:</p>

<pre><code>&lt;div class = "comments"&gt;
   &lt;img onclick = "commentBar()" src = "comment.png" /&gt;
&lt;/div&gt;
</code></pre>

<p><strong>CSS:</strong></p>

<pre><code>.comments{
   width: 200px;
   height: 200px;
   background-color: blue;
   display: none;
}
</code></pre>

<p>How do I make the div tag re-appear when I click on the image?</p>
