如何检测元素是否淡出

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')或者检查显示是否为none$('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);
    });
});