Bootstrap4折叠切换

Question

我正在尝试在点击时对其进行样式折叠切换，并期望在显示折叠时存在切换类。但是bootstrap4中的实际逻辑，例如：

<button data-toggle="collapse">Button</button> <div class="collapse">Collapse Content</div>

1. 首次点击，将显示折叠，按钮类名将不会更改。
2. 再次点击，新的班级名称collapsed添加到按钮切换。
3. 再次点击，类名collapsed将从按钮切换中删除。

如果在展示合作内容时，如何将按钮切换为不同的样式？

Answer 1

http://getbootstrap.com/docs/4.1/components/collapse/

foreach (Schedule schedule in db.Schedules.Where(s => s.ReportID == this.ReportID))
{
    ScheduleViewModel svm = this.Schedules.FirstOrDefault(s => s.ScheduleID == schedule.ScheduleID);

    //Update Existing
    if (svm != null)
        db.Entry(schedule).CurrentValues.SetValues(svm);

    //Delete Missing
    else
        db.Entry(schedule).State = System.Data.Entity.EntityState.Deleted;
}

//Insert New
foreach(ScheduleViewModel svm in this.Schedules.Where(s => s.ScheduleID == 0))
{
    svm.ReportID = ReportID;
    Schedule schedule = new Schedule() {};
    db.Schedules.Add(schedule);
    db.Entry(schedule).CurrentValues.SetValues(svm);
}

$(document).ready(function(){

$('#collapseExample').on('hide.bs.collapse', function () {
   $('#myBtn').removeClass('btn-success');
   $('#myBtn').addClass('btn-primary');
});

$('#collapseExample').on('show.bs.collapse	', function () {
   $('#myBtn').removeClass('btn-primary');
   $('#myBtn').addClass('btn-success');
})

});