javascript - 如何用 jquery 或替代方法隐藏一个 div？

Question

好的，这是我的代码:

HTML

<div id="wrap_all">
<header id="header" class="header_color light_bg_color mobile_drop_down" itemtype="http://schema.org/WPHeader" itemscope="itemscope" role="banner">
<div id="overlay-2"></div>
<div id="main">
</div>

CSS:

#overlay-2 {
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
background: none repeat scroll 0 0 #000000;
opacity: 0.85;  
z-index: 10;
visibility: hidden;
}

JS

$('.custom_class_1').click(function()    {
    $('#overlay-2').fadeIn(300);
    });

我想在单击按钮“.custom_class_1”时切换#overlay-2 的可见性

我该怎么做？不确定 visibility: hidden 是否是进入 css 的路径。但我确实希望它在页面加载时隐藏，因为它会用黑色覆盖层覆盖整个屏幕。

任何帮助将不胜感激!谢谢

Answer 1

如果您使用的是 JQuery，则使用 .hide() 方法:

$("#overlay-2").隐藏();

http://api.jquery.com/hide/