设置 div 样式以避免控件位移

Question

我有三个div，我并排放置float:left。在这三个div中，我有一个textbox，一个checkbox和一个button。我已将checkbox设置为最初设置为visible = false。单击button时，我将checkbox可见性设置为 true。通过这样做，div位置被调整到左侧并导致布局问题。如何设置div 样式以避免此布局位移问题。我希望在显示和隐藏我在 css 中是新手checkbox时不应该有任何控制位移。

这是我的小提琴链接链接

Answer 1

如何使用 css 属性visibility？visibility 属性允许隐藏元素，但保留原应存在的空间。有关它的更多信息，请阅读此处。

演示：http://jsfiddle.net/Lppme028/22/

.CSS

#txt
{
    visibility: hidden;
}

JavaScript

$(document).ready(function () {    
    $("#btn").click(function (){
        $("#txt").visibilityToggle();
    }) 
}); 
jQuery.fn.visibilityToggle = function() {
    return this.css('visibility', function(i, visibility) {
        return (visibility == 'visible') ? 'hidden' : 'visible';
    });
};