title: How to hide column in div based table
body: <p>I use JQuery. I need to hide column of table (div based). In following example, i need to hide/show the textboxes on click of check box. And after hiding text boxes, paragraph 2nd will move to upper side. On the same, i do not need to change the position of customer name &amp; address.</p>
  
  <p>HTML code is</p>
  
  <pre><code>&lt;input type="checkbox" id="chk" /&gt;Check it, if customer has no company.
  &lt;span&gt;Paragraph 1st Lorem Ipsum  Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum &lt;/span&gt;
          &lt;div class="divTable"&gt;
               &lt;div class="headRow"&gt;
                  &lt;div class="divCell" align="center"&gt;Company Name&lt;/div&gt;
                  &lt;div  class="divCell"&gt;Customer Name&lt;/div&gt;
                  &lt;div  class="divCell"&gt;Customer Address&lt;/div&gt;
               &lt;/div&gt;
              &lt;div class="divRow"&gt;
                  &lt;div class="divCell" align="center"&gt;&lt;input type="text" /&gt;&lt;/div&gt;
                  &lt;div class="divCell" align="center"&gt;Customer Name&lt;/div&gt;
                  &lt;div class="divCell" align="center"&gt;Customer Address&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="divRow"&gt;
                  &lt;div class="divCell" align="center"&gt;&lt;input type="text" /&gt;&lt;/div&gt;
             &lt;/div&gt;
              &lt;div class="divRow"&gt;
                  &lt;div class="divCell" align="center"&gt;&lt;input type="text" /&gt;&lt;/div&gt;
             &lt;/div&gt;
        &lt;/div&gt;
  &lt;p&gt;Paragraph 2nd Lorem Ipsum  Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum &lt;/P&gt;
  </code></pre>
  
  <p>CSS is,</p>
  
  <pre><code>.divTable
  {
      display:  table;
      width:auto;
      background-color:#eee;
      border:1px solid  #666666;
      border-spacing:5px;
  }
  
  .divRow
  {
     display:table-row;
     width:auto;
  
  }
  
  .divCell
  {
      float:left;
      display:table-column;
      width:200px;
      background-color:#ccc;
  
  }
  </code></pre>
  
  <p>How can i hide the column of table (div based)?</p>