如何在单击复选框时阻止折叠(可折叠)关闭

<input type="checkbox" id="checkbox">
<label for="checkbox">点击我阻止折叠关闭</label>

<div class="collapse" id="collapseExample">
  <div class="card card-body">
    折叠内容
  </div>
</div>

$(document).ready(function() {
  $('#checkbox').click(function(event) {
    event.stopPropagation(); // 阻止事件冒泡，防止折叠关闭
    if ($(this).is(':checked')) {
      $('#collapseExample').removeClass('show'); // 隐藏折叠内容
    } else {
      $('#collapseExample').addClass('show'); // 显示折叠内容
    }
  });
});