我有一个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％
有人可以帮助我吗？
另外的选择 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>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句