title: How to get 8 columns in my second tr?
body: <p>this is my html code: <a href="http://jsfiddle.net/Udxyb/417/" rel="nofollow">http://jsfiddle.net/Udxyb/417/</a></p>
  
  <p>In the above code i am having four columns in first tr (eg:section1,section2,section3,section4).but in the next tr of my table i want 8 columns with same width as of first tr (eg: item 111, item 112,item 113,item 114,item 115,item 116,item 117,item 118). </p>
  
  <pre><code>&lt;table id="main_table"&gt;
      &lt;thead&gt;
          &lt;tr class="firstline"&gt;
              &lt;th&gt;Column1&lt;/th&gt;
              &lt;th&gt;Column2&lt;/th&gt;
              &lt;th&gt;Column3&lt;/th&gt;
              &lt;th&gt;Column4&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr style="width:1002px; background-color:green; color:white"&gt;
              &lt;td  colspan="" class="flip"&gt; Section 1 &lt;/td&gt;
               &lt;td  colspan="" class="flip"&gt; Section 2 &lt;/td&gt;
               &lt;td  colspan="" class="flip"&gt; Section 3 &lt;/td&gt;
               &lt;td  colspan="" class="flip"&gt; Section 4 &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;tbody class="section"&gt;
          &lt;tr&gt;
              &lt;td&gt;item 111&lt;/td&gt;
              &lt;td&gt;item 112&lt;/td&gt;
              &lt;td&gt;item 113&lt;/td&gt;
              &lt;td&gt;item 114&lt;/td&gt;
              &lt;td&gt;item 115&lt;/td&gt;
              &lt;td&gt;item 116&lt;/td&gt;
              &lt;td&gt;item 117&lt;/td&gt;
              &lt;td&gt;item 118&lt;/td&gt;
  
  
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;item 121&lt;/td&gt;
              &lt;td&gt;item 122&lt;/td&gt;
              &lt;td&gt;item 123&lt;/td&gt;
              &lt;td&gt;item 124&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;item 131&lt;/td&gt;
              &lt;td&gt;item 132&lt;/td&gt;
              &lt;td&gt;item 133&lt;/td&gt;
              &lt;td&gt;item 134&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;tbody&gt;
          &lt;tr style="background-color:green; color:white"&gt;
              &lt;td  colspan="" class="flip"&gt; Section 1 &lt;/td&gt;
               &lt;td  colspan="" class="flip"&gt; Section 2 &lt;/td&gt;
               &lt;td  colspan="" class="flip"&gt; Section 3 &lt;/td&gt;             &lt;td  colspan="" class="flip"&gt; Section 4 &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;tbody class="section"&gt;
          &lt;tr&gt;
              &lt;td&gt;item 211&lt;/td&gt;
              &lt;td&gt;item 212&lt;/td&gt;
              &lt;td&gt;item 213&lt;/td&gt;
              &lt;td&gt;item 214&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;item 221&lt;/td&gt;
              &lt;td&gt;item 222&lt;/td&gt;
              &lt;td&gt;item 223&lt;/td&gt;
              &lt;td&gt;item 224&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;item 231&lt;/td&gt;
              &lt;td&gt;item 232&lt;/td&gt;
              &lt;td&gt;item 233&lt;/td&gt;
              &lt;td&gt;item 234&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;tbody&gt;
          &lt;tr style="background-color:green; color:white"&gt;
               &lt;td  colspan="" class="flip"&gt; Section 1 &lt;/td&gt;
               &lt;td  colspan="" class="flip"&gt; Section 2 &lt;/td&gt;
               &lt;td  colspan="" class="flip"&gt; Section 3 &lt;/td&gt;
               &lt;td  colspan="" class="flip"&gt; Section 4 &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;tbody class="section"&gt;
          &lt;tr&gt;
              &lt;td&gt;item 311&lt;/td&gt;
              &lt;td&gt;item 312&lt;/td&gt;
              &lt;td&gt;item 313&lt;/td&gt;
              &lt;td&gt;item 314&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;item 321&lt;/td&gt;
              &lt;td&gt;item 322&lt;/td&gt;
              &lt;td&gt;item 323&lt;/td&gt;
              &lt;td&gt;item 324&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;item 331&lt;/td&gt;
              &lt;td&gt;item 332&lt;/td&gt;
              &lt;td&gt;item 333&lt;/td&gt;
              &lt;td&gt;item 334&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>this is my jquery code:</p>
  
  <pre><code>jQuery(function($) {
  
  
      $("#polls").on("click", ".flip", function() {
  
          $(this)
  
              .closest('tbody')
              .next('.section')
              .toggle('fast');
      });
  });
  </code></pre>