jquery slideToggle（）第一行显示

我想对文本使用slideToggle，就像阅读更多作品一样。更具体地说，第一行显示，当客户端单击div时，全文显示

<div class="group-one-row">
    <div class="row-header">
        <p class="group-regular-header">
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
        </p>
    </div>
</div>

$('.row-header').on('click', function() {
   $(this).parent().find('p').slideToggle();
});

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本

$（'.row header'）。在（'click'，function（）上{
$（this.parent（）.find（'p'）.slideToggle（）；
});

---

使用此代码，我可以显示/隐藏全文，但我需要始终显示第一行。

为每一行指定一个唯一的id，然后确保在不是第一行的div中切换，或者如果第一行不可见，则在第一行中滑动

$('.row-header').on('click', function() {

   var p = $(this).parent().find('p');

   if( $(p).attr('id') != 'idOfTheFirstRow' && $('p').is(':visible') )
       $(p).slideToggle();
});

---

在我看来，在这种情况下不应该使用

.slideToggle（）

。尝试在

标记周围放置一个包装，并将此包装的

最大高度设置为与单行的行高相同的高度。然后overflow hidden en将
最大高度设置为大约
1000px
（或使用JavaScript计算总高度）
这是链接。