javascript - 我对 jquery 上下滑动有疑问

Question

我有一个 div，在 div 内部我想用从服务器获得的段落填充它，它可能是 1 或 100 个段落。

我只想显示第一个，其余的不会显示，然后单击 div 向下滑动并显示其余的。

<div>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>

var slideStatus = false;

 if (!slideStatus) {
   $(".card-text-paragraph").animate({ height: "100%" }, "slow");
    console.log(slideStatus);
    slideStatus = true;
    console.log(slideStatus);
  } else {
    $(".card-text-paragraph").animate({ height: "90px" }, "slow");
    console.log(slideStatus);
    slideStatus = false;
    console.log(slideStatus);
  }

它会向上滑动，但不会向下滑动到 100%，如果我给它 px 就可以了，但我想去 100%

谁能帮帮我？

Answer 1

另一个选项slideToggle

function clickfunc(){
   $(".card-text-paragraph").slideToggle();
  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button onclick="clickfunc()">click</button>
<div class="card-text-paragraph" style="">
<p>.</p>
<p>..</p>
<p>...</p>
<p>....</p>
<p>.....</p>
</div>