Verwenden von Bootstrap (3.3.6) zu reduzieren, mit den reduzierbaren DIVs zwischen Formulareingaben \ Labels. Wenn die DIVs expandieren, gibt es eine Art Snap-Jitter.Bootstrap Collapse hat Snap Jitter
Der Code für das Problem: https://jsfiddle.net/ybto1zvk/
ich ähnlichen Position Vortrag über Jitter gesehen habe, wenn einer der DIVs Polsterung, aber wie Sie sehen können, gibt es kein Styling außer dem, was Bootstrap-Anwendung ist ...
Habe mit Chrome und Firefox versucht, kein Unterschied.
HTML
<form role="form">
<div class="radio">
<label>
<input type="radio" name='radioinput' id="radio1"> One (click me)
</label>
</div>
<div class="collapse" id="collapse-1">
<div class="well">
Sub 1
</div>
</div>
<div class="radio">
<label>
<input type="radio" name='radioinput' id="radio2"> Two
</label>
</div>
<div class="collapse" id="collapse-2">
<div class="well">
Sub 2
</div>
</div>
<div class="radio">
<label>
<input type="radio" name='radioinput' id="radio3"> Three
</label>
</div>
<div class="collapse" id="collapse-3">
<div class="well">
Sub 3
</div>
</div>
</form>
Javascript
$('#radio1').click(function() {
$('#collapse-1').collapse('toggle');
$('#collapse-2').collapse('hide');
$('#collapse-3').collapse('hide');
});
$('#radio2').click(function() {
$('#collapse-2').collapse('toggle');
$('#collapse-1').collapse('hide');
$('#collapse-3').collapse('hide');
});
$('#radio3').click(function() {
$('#collapse-3').collapse('toggle');
$('#collapse-1').collapse('hide');
$('#collapse-2').collapse('hide');
});