javascript - 为最近的 div 设置 jquery 动画

Question

请看我的 fiddle 。

http://jsfiddle.net/5gyqjncu/

Javascript:

jQuery('.add-com').toggle(function() {
    jQuery(this).closest('div').find('.category-commentform').slideDown();
    return false;
  },
    function() {
      jQuery(this).closest('div').find('.category-commentform').slideUp();
    return false;
  });

点击“发表评论一”或“发表评论二”，将显示评论表单。我的问题是，如果我点击“发表评论一”或“发表评论第二”，我无法查看表格是否存在。因为很多评论都显示在评论表单之前。我的 friend 建议使用 jquery animate。但是我无法实现我的结果。我该如何解决这个问题？？

Answer 1

我认为您可以做的一件事就是将该元素放入 View 中，例如

jQuery('.add-com').toggle(function () {
    var $form = jQuery(this).closest('div').find('.category-commentform').slideDown();
    var body = jQuery("html, body");
    $('html, body').stop().animate({
        scrollTop: $form.offset().top
    }, 2000);
    return false;
}, function () {
    jQuery(this).closest('div').find('.category-commentform').slideUp();
    return false;
});

演示:Fiddle