带有复选框的引导程序崩溃与目标失去同步

Question

我想在引用复选框时使用引导程序崩溃来显示元素。

这是我的代码：

<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属性避免使用引导程序崩溃？

Answer 1

您应该以编程方式进行折叠，对于输入标记，请使用onchange事件来获得准确的结果。这里的解决方案https://jsfiddle.net/uLhju7es/2/