如何向下滑动附加数据

Question

我想使用jquery显示具有滑落效果的数据，该怎么办？这是我的代码

function cart(idx, jml) {
  var jumlah = $("#" + jml).val();
  $.ajax({
    type: "GET",
    url: "load_data.php",
    data: {
      id: idx,
      jumlah: jumlah
    },
  }).done(function(data) {
    $('#showcart').append(data).show('slow');
  });
}

<div class="col-lg-5 col-md-8 col-sm-7 col-xs-12">
  <div id="showcart"></div>
</div>

Answer 1

第一步，使用下面的类或内联css隐藏div。

<div id="showcart" style="display: none;"></div>

附加数据并显示该格。

 $('#showcart').append(data).show('slow');

Answer 2

在添加前，您应该先隐藏div <div id="showcart" style='display:none'>。 追加后，显示或使用幻灯片。