title: Change Div Size dynamically
body: <p>In my code, I've got 4 divs aligned inline. </p>
  
  <p>What I want is, on clicking any div, it resizes to fill the space of all 4 divs (width:1000px)
   and hides the other divs.</p>
  
  <p>And on reclicking the div, it'll resize to the original dimensions.</p>
  
  <p>This is what i've done till now.</p>
  
  <p><code>&lt;div class="gallery-image-replenish" id="bloc2" onclick="document.getElementById('bloc2').style.width = '980px'"&gt;
  &lt;/div&gt;</code></p>
  
  <p>As of now, on click this resizes the div below the other divs. I know there's a method to hide the other divs, but I don't know how to do that. </p>