更改可见性属性

我有一个div类，其类名为myClass，id为myId。该div有以下风格。更改可见性属性

.myClass { 
    height: 74%; 
    margin-top: -1px; 
    position: relative; 
    overflow-y: auto; 
    width: 100%; 
    overflow-x: hidden; 
    visibility: hidden; 
}

当我试图改变可视性隐藏可见的JQuery这样

$('#myId').css({ 'visibility': 'visible' });

我使用的ID而不是类，因为同一类应用到其他的元素了。我的div仍然不可见。我究竟做错了什么？

来源

2014-09-26 ozil

http://jsfiddle.net/rj71cvLe/ – 2014-09-26 07:31:28

没有什么明显的错误。尝试提供一个完整的，简化的测试用例。 – Quentin 2014-09-26 07:31:40

你的代码是正确的，它工作正常，你应该提供更多的信息，让我们了解这个问题的根源。 http://codepen.io/toroncino/pen/nughx – 2014-09-26 08:46:38

你为什么不尝试：

$('#myId').css('display', 'block');

或尝试：

<style> 
.visible { display:block !important;} 
</style> 
$('#myId').addClass('visible');

来源

2014-09-26 07:37:39 DeDevelopers

更换你visibility: hidden;到display: none;

然后更新的jQuery

$('#myId').css('display','block');

来源

2014-09-26 07:47:28 Fergoso

是哟ü可以通过以下方式同时显示属性影响到总的标签，这意味着如果你申请display:none;它会删除整个标签，但visibility:hidden隐藏内容做到这一点

$('#myId').css('display','block'); 

$('#myId').css('display','inline'); 

$('#myId').show();

来源

2014-09-26 07:50:12 cpVariyani

在CSS

visibility属性影响到标签内内容在该标签内。

因为：visible是一个jQuery选择器，您可以使用不透明度而不是可见性来隐藏标记内的内容。

$('#myId').css('opacity','1'); 
$('#myId').css('opacity','0');

如果你需要隐藏整个标签，更好地显示无

来源

2014-09-26 08:12:21 dazunE

只是去简单的去，有jQuery中可用于隐藏和显示了DOM元素的API。尝试如下

$('#myId').hide(); // for hiding the element 

    $('#myId').show(); // to show up the element

来源

2014-09-26 08:32:44 Mayank

更改可见性属性

回答

相关问题