javascript - jQuery .active HTML ショー

Question

このコードは新しいデータを呼び出して div に配置しますが、古い htm を置き換えません。それに追加するだけです。コードにエラーがありますが、見つかりません。データに追加するだけでなく、htmファイルを置き換えるにはどうすればよいですか?

.click(function () {

  $('.tabActive').removeClass('tabActive');
  $(this).addClass('tabActive');
  var lesson = $(this).attr('.lesson');
  var self = this
  $("#loading").show();

  setTimeout(function () {

    $.ajax({
      type: "GET",
      url: 'lessons/' + lesson + '.htm',
      datatype: "html",
      success: function (data) {
        $('#sectionTabContent').append(data);
      },
      complete: function () {
        $("#loading").hide();
      }
    })
  }, 3000);
});
}

HTML

<div id='sectionThreeTabs'>                           
    <div id='' class='sectionThreeTab tabActive' lesson='first'>
        Try
    </div>
    <div class='sectionThreeTab' lesson='second'>
        Anger
    </div>
    <div class='sectionThreeTab' lesson='third'>
        Size
    </div>
</div>

Answer 1

変化する

 $('#sectionTabContent').append(data);

に

 $('#sectionTabContent').html(data);

Answer 2

行を変更する

$('#sectionTabContent').append(data);

と

$('#sectionTabContent').html(data);