Question

我在页面上有10条评论的列表。他们的高度不明，因为它取决于评论的内容。

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

谢谢！

Answer 1

jQuery的：

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

HTML：

<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>

Answer 2

如果您有一个包含课程viewMoreButton的按钮和一个包含其余评论的div的{{1}}按钮，那么您可以使用此脚本：

moreComments

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

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

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

2 个答案: