Javascript 我想添加一个看到更多的按钮后，一定量的李和哪个相同的ul类

我有三个类似类别的ul标签，在这些标签中有随机数量的li标签，我想做的是在一定数量的li标签之后显示一个see more链接，显示剩余的标签，并显示一个less链接来隐藏它们

这是我的html

         <ul class="tips-detail-list" style="margin-bottom: 30px">

                                     <li><b>Type :</b> Hill Fort</li>
                                    <li><b>Grade : </b>Medium</li>
                                    <li><b> Endurance Level:</b>  Moderate</li>
                                    <li><b>Height :</b> Approx. 4255 ft. ASL</li>
                                    <li><b>Distance From Borivali : </b> 200 KM </li>
                                    <li><b>Travel time : </b> 4.30 hrs  </li>


                                </ul>

                                <h3>Pick Up Points</h3>
                                <ul class="tips-detail-list" style="margin-bottom:30px">

                                <li>11: PM – SGNP, Borivali </li>
                                <li>11:30 PM – Andheri, WEH</li>
                                <li>11:45 PM - Kalanagar, Bandra  </li>
                                <li>12:00 - Sion Station</li>
                                <li>12:15 - Chheda Nagar, Ghatkopar</li>
                                <li>12:30 AM – Teen hath Naka, Thane</li>
                                <li>01:00 AM - Vatika Hotel, Kalyan</li>


                                </ul>



                                <h3 style="font-family: poppins">Itinerary</h3>
                                <!-- <ul class="tips-detail-list"> -->
                                <ul class="tips-detail-list">
                                    <li>Assemble at start point SGNP, Borivali at 11 PM</li>
                                    <li>Tea and snacks break on the way</li>
                                    <li>Reach base village at 4 AM (9th July)</li>
                                    <li>Start trekking at 5 AM after stretching, briefing and breakfast</li>
                                    <li>Reach top of the fort by 8:00 AM</li>
                                    <li>Descend down to Samrad village reach by 12 noon</li>
                                    <li>Lunch at 1 PM in Samrad Village</li>
                                    <li>Reach Mumbai by 8 PM</li><br><br>
                                </ul>
                                <!-- </ul> -->

                                <h3>Things to Carry</h3>

                                <ul class="tips-detail-list">


                                  <li>Torch with extra batteries</li>                       
                                  <li>ID Card</li> 
                                  <li>Camera (Optional)</li> 
                                  <li>Snacks</li> 
                                  <li>Extra Pair of Clothes</li>
                                  <li>Clean napkin or small towel</li>
                                  <li>Cap, sunglasses, scarf </li>                                  
                                  <li>Haversack or Backpack</li>
                                  <li>Please carry medicines if you need any</li>
                                  <li>Hand Sanitizer</li>
                                  <li>Old Newspaper / Sleeping Mat</li>
                                  <li>Sleeping bag / Blanket</li>
                                </ul>

---

我被困在这里，不知道如何继续。

首先检查元素长度是否大于某个数字。如果元素长度大于某个数字，则添加see more并隐藏索引后的所有元素

var最小化元素1=$（'.tips详细列表'）；
最小化元素1.每个（函数（）{
var t=$（this.children（）.length；
如果（t>5）{
$（this.append（“
查看更多”）；
$（this.find（'li'）.slice（5.hide（）；
}
});
$（最小化的元素1）。在（'单击'，'上。请参阅'，函数（）{
$（this.parent（）.find（'li'）.show（）；
$（this.remove（）；
});


类型:山堡
职系：中等
耐力水平：中等
高度：约4255英尺ASL
与Borivali的距离：200公里
行程时间：4.30小时

接送点

晚上11:00–SGNP，Borivali
晚上11:30–安得赫里，威斯康星州
晚上11:45-班德拉卡拉那加
12:00-锡安站
12:15-加特科帕尔切达纳加尔
上午12:30–塔纳纳卡
凌晨1:00-卡里安梵蒂卡酒店

行程

晚上11点在博里瓦利SGNP起点集合
茶和点心中途休息
早上4点到达基地村（7月9日）
在伸展运动、简报和早餐后，早上5点开始徒步旅行
早上8点到达堡垒的顶端
中午12点前下山至Samrad村
下午1点在Samrad村吃午餐
晚上8点到达孟买

携带物品

带额外电池的手电筒
身份证
摄像头（可选）
小吃
额外的一双衣服
清洁餐巾或小毛巾
帽子、太阳镜、围巾
背囊
如果你需要药品，请随身携带
洗手液
旧报纸/睡垫
睡袋/毯子
很抱歉，但我相信我没有正确解释问题。例如，如果ul中的li元素为15，我想先显示7，然后单击（请参阅更多）时，它将显示剩余的8，并带有一个较少的按钮，该按钮将隐藏（请参阅更多）显示的元素。为什么我的所有问题都被否决？你似乎有点名气你能告诉我为什么会这样吗>
var minimized_elements1 = $('.tips-detail-list');


minimized_elements1.each(function () {

    public
    var t = $(this).children().length;
    console.log(t);
});