title: How to hide or show div on click in HTML
body: <p>I have four HTML <code>div</code> I want to show and hide them on click how to do this </p>
  
  <pre><code>            &lt;div id="targetid" class="image_one"&gt;&lt;img src="image/imageone.png"/&gt;&lt;/div&gt;
              &lt;div id ="targetidone "class="image_two"&gt;&lt;img src="image/imagetwo.png"/&gt;&lt;/div&gt;
              &lt;div id="targetidtwo" class="image_one_one"&gt;&lt;img src="image/pagetwo_graph_two_11.png"/&gt;&lt;/div&gt;
              &lt;div id ="targetidfour"class="image_two_two"&gt;&lt;img src="image/pagetwo_graph_two_22.png"/&gt;&lt;/div&gt;
  </code></pre>
  
  <p>below are those two <code>div</code> on which after click the above image should hide and show </p>
  
  <pre><code>          &lt;div class="option_image"&gt;&lt;img src="image/option_1.png"/&gt;&lt;/div&gt;
  
            &lt;div class="option_image_one"&gt;&lt;img src="image/option_1.png"/&gt;&lt;/div&gt;
  </code></pre>