Jquery 如何在折叠时更改引导手风琴按钮标题（使用CSS）

我正在努力改变一个手风琴引导按钮，这样，当它崩溃时，应该说“看少一点-”。我很确定我打算使用css属性内容，但我一辈子都不知道在哪里。我的html如下所示：

    <h2>Some Heading</h2>
    <div style="display:table; margin:auto;">
       <ul style="margin-bottom: 0">
          <li class="services-list">Item 1</li>
          <li class="services-list">Item 2</li>
          <li class="services-list">Item 3</li>
       </ul>
    </div>
       <div id="collapse-custom" class="collapse">
          <div class="card card-block">
             <div style="display:table; margin:auto; width: 49%;">
                <ul>
                   <li class="services-list">Item 4</li>
                   <li class="services-list">Item 5</li>
                   <li class="services-list">Item 6</li>
                   <li class="services-list">Item 7</li>
                   <li class="services-list">Item 8</li>
                </ul>
             </div>
          </div>
       </div>
<button class="btn btn-primary" type="button" data-toggle="collapse" 
    data-target="#collapse-custom">See More<i class="fa fa-plus" 
    style="padding-left: 10px;"></i>
</button>

某个标题

第1项
第2项
第3项


第4项
第5项
第6项
第7项
第8项

查看更多

---

任何帮助都将不胜感激！。谢谢。

给你的按钮上一节课说btn切换：

<button class="btn btn-primary btn-toggle" type="button" data-toggle="collapse" 
    data-target="#collapse-custom">See More<i class="fa fa-plus" 
    style="padding-left: 10px;"></i>

查看更多信息

然后，如果可以使用jquery，则代码为：

<script type="text/javascript">
        $(function () {
             $(".btn-toggle").click(function () {
                    if($(".btn-toggle").text()=="See More"){
                        $(".btn-toggle").text("See Less -");
                    }
                    else {
                        $(".btn-toggle").text("See More +");
                    }
                });
          });       
</script>

$（函数（）{
$（“.btn切换”）。单击（函数（）{
if（$（“.btn toggle”）.text（）=“查看更多信息”）{
$（“.btn toggle”）.text（“请参阅下文-”；
}
否则{
$（“.btn toggle”）.text（“查看更多+”；
}
});
});       

---

希望它能以一种更方便引导的方式工作：

给按钮一个ID：

查看更多信息

将此JS插入到.JS文件中或在同一页面上的标记中：

$（'#collapse custom'）.on（'show.bs.collapse'，function（））{
$（“#btn服务列表”）.text（“-Show less”）；
});
$（'#collapse custom'）.on（'hidden.bs.collapse'，function（）{
$（“#btn服务列表”）.text（“+显示更多”）；
});