Сворачивание\разворачивание таблицы

Реализовано сворачивание\разворачивание таблицы при нажатии на кнопку. Почему первая таблица работает как надо, а ее копия ниже не работает? https://jsfiddle.net/xzr72h0y/12/

let trL = $('tr').length;
let trW = +$('tr:nth-child(2)').css('height').replace(/\D/g, '');
let trFirst = +$('tr:first-child').css('height').replace(/\D/g, '');
let wrapper = $('#wrapper');
wrapper.css({
  'height': trW * 3 + trFirst + 'px'
});
let sh = $('#sh');
sh.on('click', function (e) {
  if($(this).text() === 'Show') {
    $(this).text('Hide');
    wrapper.animate({
      height: $('table').height()
    });
  } else {
    $(this).text('Show');
    wrapper.animate({
      height: trW * 3 + trFirst + 'px'
    });
  }
});
sh.css({display: 'block'});