如何检测元素是否淡出

Question

我想要两个按钮，一个用于淡出div1，另一个用于淡入div1，或者淡出按钮本身，如果div1已经隐藏了。这里是代码，但非常不必要，因为我的主要问题是“if”语句......

$('#b > button').click(function(){
    $('#div1').fadeOut(400)
});

$('#div2 > button').click(function(){
    $('#div1').fadeIn(400)
});

Answer 1

FadeOut只需将display更改为none即可。

使用jQuery的$('selector').css('display')或$('selector').is(':visible')

检查显示是否为空

Answer 2

为什么不禁用/启用按钮？

$('#b > button').click(function(){
    $('#div1').fadeOut(400, function() {
        $(this).prop('disabled', true);
        $('#div2 > button').prop('disabled', false);
    });
});

$('#div2 > button').click(function(){
    $('#div1').fadeIn(400, function() {
        $(this).prop('disabled', true);
        $('#b > button').prop('disabled', false);
    });
});