Question

想要在保持按钮之间的空间的同时隐藏按钮。

$(document).ready(function(){
    $('#hide').click(function(){$('#btn').css('visibility','hidden');});
    $('#show').click(function(){$('#btn').css('visibility','visible');});
}

查找可见性CSS标记。但似乎没有这种方式（或者我的.css（）函数错误）。

JS小提琴Here

Answer 1

只需使用jQuery的hide和show为您设置可见性：

http://jsfiddle.net/uyoezedy/12/

$(function(){
    $('#hide').click(function(){$('#btn').hide();});
    $('#show').click(function(){$('#btn').show();});
});

在幕后hide()设置display: none;和show()设置display: inline-block;

备注：

$(function(){YOUR CODE HERE});是$(document).ready(function(){...});
的一个不错的快捷方式
隐藏折叠元素占用的空间

您的原始版本不包含jQuery（JSFiddle左侧的选项）

您的DOM就绪处理程序未关闭（缺少);）

如果你想使用visibility，那么空间不会崩溃，只需修复语法错误：

http://jsfiddle.net/uyoezedy/13/

$(function(){ $('#hide').click(function(){$('#btn').css('visibility','hidden');}); $('#show').click(function(){$('#btn').css('visibility','visible');}); });

Answer 2

你的js中有一个错误，也没有引用jquery。

$(document).ready(function(){
    $('#hide').click(function(){$('#btn').css('visibility','hidden');});
    $('#show').click(function(){$('#btn').css('visibility','visible');});
});

Jsfiddle

Answer 3

你为什么不用：

$( ".target" ).hide();

Answer 4

你需要将jQuery添加到小提琴中，并且有一个简单的语法错误。

$(document).ready(function(){
    $('#hide').click(function(){
        $('#btn').css('visibility','hidden');
    });
    $('#show').click(function(){
        $('#btn').css('visibility','visible');
    });
})

检查下面的小提琴
http://jsfiddle.net/uyoezedy/6/

Answer 5

也许你可以玩4件事：

不透明度
显示
背景色 4 .hide show

以下代码：

$(document).ready(function(){
    $('#hide').click(function(){$('#btn').css('display','none');});
    $('#show').click(function(){$('#btn').css('display','block');});
});

$(document).ready(function(){
    $('#hide').click(function(){$('#btn').css('opacity','0');});
    $('#show').click(function(){$('#btn').css('opacity','1');});
});

$(document).ready(function(){
    $('#hide').click(function(){$('#btn').css('background','transparent');});
    $('#show').click(function(){$('#btn').css('background','inherit');});
});



 $(document).ready(function(){
    $('#hide').click(function(){$('#btn').hide();});
    $('#show').click(function(){$('#btn').show();});
     });

希望我帮助

隐藏具有可见性的元素（在本例中为按钮）

5 个答案: