jQuery从第一条评论向下滑动到整个页面

我在一页上列出了10条评论。他们的高度不得而知，因为这取决于评论的内容

在单击按钮之前，最好的方式是只显示第一条评论，然后向下滑动以显示页面中的所有10条评论？因此，默认情况下，用户只会看到一条评论，直到他单击“查看更多评论”按钮，此时它将向下滑动以显示所有评论

---

谢谢

如果您有一个包含类

viewMoreButton

的按钮和一个包含其余注释的类

moreComments

的

div

，那么您可以使用以下脚本：

$("div.moreComments").hide();
$(".viewMoreButton").click(function(){
    $("div.moreComments").slideDown("fast");
    $(this).remove();
}

它还会删除按钮本身，但如果希望按钮切换注释，请执行以下操作：

$("div.moreComments").hide();
$(".viewMoreButton").click(function(){
    $("div.moreComments").slideToggle("fast");
}

jQuery：

$(function(){
  $(".comments").not(":first").hide();
  $("#btnViewAll").click(function(){
    $(".comments").slideDown();
  });
});

HTML:

1评论
2评论
3评论
4评论
5评论

美元（“btnViewAll”）不应该有一个散列：$（“#btnViewAll”）这很简单。我很感激！

<input type="button" id="btnViewAll" value="Show All Comments" />
<div class="comments">1 comment</div>
<div class="comments">2 comment</div>
<div class="comments">3 comment</div>
<div class="comments">4 comment</div>
<div class="comments">5 comment</div>