title: I want increase my div height dynamically 20 px each time I press a button
body: <p>I have set the min-height value in <code>.css</code> file. Now I want to increase the height of div every time I click on a button by <code>20 px</code>.</p>
  
  <p>Following is my css :</p>
  
  <pre><code>.wizard &gt; .content{
      min-height:300px;
  }
  </code></pre>
  
  <p>Now every time I click on say a button named <code>"increment"</code> , the <code>min-height</code> of class content should increase by <code>20px</code>.</p>
  
  <pre><code>&lt;div class="wizard"&gt;
      &lt;div class="content"&gt;
      &lt;/div&gt;
      &lt;div class="action"&gt;
      &lt;button id="myButton" type="button"&gt;Increment&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>