jquery - 如何将 div 设置为可见性 :hidden to display using jQuery?

Question

我有一个 div 设置为visibility:隐藏在CSS 中，我想稍后显示它。这是我到目前为止的 jQuery，它不起作用:

$(document).ready(function() {
    $('#start').click(function() {
        $(this).fadeOut(1000, function() {
             $('body').css('background-color','#999', function() {
                    $('.menu').fadeTo('slow',1);
             });
        });
    });
});

以下内容应按顺序发生:

1. 用户点击“#start”，“#start”消失。 (这种情况发生了。)
2. 页面的背景颜色从原来的颜色变成灰色。 (这种情况发生了。)
3. div“.menu”应该淡入。(这不会发生。)

我做错了什么？如果有什么不同的话，“.menu”仅由一堆子 div 填充。

Answer 1

fadeTo 更改元素的 opacity 属性，您应该使用 opacity 而不是 visibility 或设置将元素的 display 属性设置为 none 并使用 fadeIn 方法。

另请注意，css 不接受 3 个参数。

.menu { display: none }

$(document).ready(function() {
    $('#start').click(function() {
        $(this).fadeOut(1000, function() {
             $('body').css('background-color','#999');
             $('.menu').fadeIn('slow');
        });
    });
});

但是，如果您想更改 visibility 属性，可以使用 css 方法:

$('.menu').css('visibility', 'visible');