title: hide div when clicking on div and show second div
body: <p>This is my html code...In this ,i set the to div 'display:none',i just want that when i click on first div which is grey...the second div appear and disappear first and third div and when i click on second div the third and first div disappear....please give me some help..i am new on website designing... </p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-6"&gt;
          &lt;div style="background:grey"&gt;
              text here
          &lt;/div&gt;
          &lt;div style="background:blue;display:none"&gt;
              text here
          &lt;/div&gt;
          &lt;div style="background:green;display:none"&gt;
              text here
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>