jQuery Accordion Merge

http://stackoverflow.com/questions/37970076/merge-jquery-accordion-content?noredirect=1#comment63388081_37970076

by dixalex

HTML

<div id="accordion" class="emitters head wrapper ui-accordion ui-widget ui-helper-reset ui-sortable" role="tablist">
  <div id="Test1">
    <h3 class="accordion-header3 accordion-content-active ui-accordion-header ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons" role="tab" id="ui-id-1" aria-controls="ui-id-2" aria-selected="true" aria-expanded="true"
    tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-s"></span><a class="accordion-expand-all" href="#">
</a>Name: Test2</h3>
    <table class="table-text table-collapse ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" style="width: 100%; padding: 0px; margin: 0px; font-size: 13px; color: blue; display: table; height: 17px; background-color: rgba(189, 197, 205, 0.45098);"
    id="ui-id-2" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="false">
      <tbody>
        <tr>
          <th class="table-text" style="width: 71px">ATF</th>
          <th class="table-text" style="width: 73px">1.1</th>
          <th class="table-text" style="width: 107px">2.2</th>
          <th class="table-text" style="width: 223px">7.53</th>
          <th class="table-text" style="width: 197px">16:37:31</th>
          <th class="table-text" style="width: 80px">37.8715</th>
          <th class="table-text" style="width: 78px">60.8957</th>
          <th class="table-text" style="width: 202px">21</th>
          <th class="table-text" style="width: 180px">ACTIVE</th>
          <th class="table-text" style="width: 145px">35.34</th>
          <th class="table-text" style="width: 192px">0</th>
          <th class="table-text" style="width: 125px">27793</th>
          <th class="table-text" style="width: 136px">0.1</th>
          <th class="table-text" style="width: 90px">35</th>
        </tr>
      </tbody>
    </table>
  </div>

  <div id="Test2">
    <h3 class="accordion-header3 accordion-content-active...

JavaScript

var targetFocus = $('div#Test2').find('th');
console.log('Second TH Count: ' + targetFocus.length); //Initial Test 2 table header

targetFocus.each(function() {
  var $container = $('div#Test1').find('table:eq(0) tbody tr');
  $(this).appendTo($container);
  console.log($container.length);
});

targetFocus = $('div#Test1').find('th');
console.log('First TH Count: ' + targetFocus.length);

if ($('div#Test2').find('th').length === 0) {
  $('div#Test2').hide();
}