jQueryのは、全ページへの最初のコメントから滑り落ちます

Question

私は、ページ上の10件のコメントのリストを持っています。それは、コメントの内容に依存するため、その高さが知られていない。

何が、それはページ内のすべての10件のコメントを明らかにするために滑り落ち、その時点であなたはボタンをクリックするまでのみ最初のコメントを表示するための最良の方法、でしょうか？彼は、それはそれらのすべてを明らかにすることを下にスライドします、その時点でもっと見るコメントボタンを、クリックするまでので、デフォルトでは、ユーザーは、1件のコメントを見るであろう。

ありがとうございます。

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とmoreCommentsとボタンを使用している場合は、

このスクリプトを使用することができます：

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

また、ボタン自体を削除しますが、あなたがコメントを切り替えボタンをしたい場合は、次の操作を行います。

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