我想使用 Bootstrap 折叠来在复选框被标记时显示元素。
这是我的代码：

<input type="checkbox" data-toggle="collapse" data-target="#collapseExample" />
<div class="collapse" id="collapseExample">
  <div class="well">
    Checked!
  </div>
</div>

https://jsfiddle.net/6sjcqmqx/

请尝试快速多次选中该复选框，您会发现它与目标失去同步，然后在未选中该复选框时显示目标。我认为这与折叠过渡有关，但也会删除折叠过渡，从而发生此错误。

如何通过html属性使用 Bootstrap 折叠来避免这种情况？