How to detect if element was faded out

jquery if-statement fadein fadeout
Leo picture Leo · Dec 28, 2012 · Viewed 12.4k times · Source

I want to have two buttons, one to fade div1 out, and one either to fade div1 in, or to fade out the button itself, if the div1 is already hidden. here's the code, pretty unnecessary though, cause my main problem is "if" statement...

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

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

Answer

Mark Meyer picture Mark Meyer · Dec 28, 2012

FadeOut simply changes the display to none.

Check if the display is none using jQuery's $('selector').css('display') or $('selector').is(':visible')

Related questions

jQuery if checkbox is checked

I have a function below that I want to only trigger when a checkbox in the same tr is checked. Please tell me what I am doing wrong, the usual methods are not working. Thanks JS $(".add_menu_item_table").…

Read More
jQuery: Test if checkbox is NOT checked

I'm having trouble figuring this out. I have two checkboxes (in the future will have more): checkSurfaceEnvironment-1 checkSurfaceEnvironment-2 Basically, I want to write an if statement and test if one of them is checked and another is NOT checked. What's …

Read More
if checkbox is checked, do this

When I check a checkbox, I want it to turn <p> #0099ff. When I uncheck the checkbox, I want it to undo that. Code I have so far: $('#checkbox').click(function(){ if ($('#checkbox').attr('checked')) { /* NOT …

Read More