javascript - テーブルで jQuery の slideToggle() 関数が奇妙な動作をするのはなぜですか?

Question

HTML でプロトタイプを作成しています。ユーザーがボタンをクリックすると、より多くのテーブル行が表示されるテーブルを作成したいと考えています。slideToggle機能とかスムーズに使いたい。

コンテンツを表示して動作しますが、ラグや奇妙なことが起こっています。私は他のオブジェクト (テーブルではなく) に同じ関数を適用しましたが、うまくいきました。

これは私のスクリプトです：

$(document).ready(function() {
  $('#show-more-rows').click(function() {
    $('#tr-button').slideToggle();
    $('.hidden-row').slideToggle();
  });
  $('#show-less-rows').click(function() {
    $('#tr-button').slideToggle();
    $('.hidden-row').slideToggle();
  });
);

これが私のテーブルのjsFiddleです。

ヘルプやヒントをいただければ幸いです。