Как определить, был ли элемент выцветшим


Я хочу иметь две кнопки, одну, чтобы исчезла div1, и одну, чтобы либо исчезла div1, либо исчезла сама кнопка, если div1 уже скрыта. вот код, довольно ненужный, хотя, потому что моя главная проблема-это оператор" if"...

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

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

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);
    });
});

FadeOut просто меняет display на none.

Проверьте, если дисплей отсутствует, используя jQuery $('selector').css('display') или $('selector').is(':visible')