jquery - 要素がフェードアウトしたかどうかを検出する方法

Question

2つのボタンが必要です。1つはdiv1をフェードアウトし、もう1つはdiv1をフェードインするか、div1がすでに非表示になっている場合はボタン自体をフェードアウトします。これがコードですが、かなり不要ですが、私の主な問題は「if」ステートメントです...

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

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

Answer 1

FadeOutは単にをに変更displayしnoneます。

$('selector').css('display')jQueryまたはを使用して表示がなしかどうかを確認します$('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);
    });
});