How To Hide Div, When User End Typing On "inputs" And Go To The Next Div

This is my HTML:

Solution 1:

DEMO HERE

$(document).ready(function(){
    $(".Q,.A").blur(function(e){
        if($(this).val().length>0 && $(this).siblings("input").val().length>0){
            $(this).parent().fadeOut(1000);
        }
    });
});

Solution 2:

$("#word" + nowWord + " > .Q").focusout(divFocusOut());
$("#word" + nowWord + " > .A").focusout(divFocusOut());

That does that without user action. If you set the css here without a fade, the problem is gone. Or just set the CSS at the outset without javascript.

Or put that in the function, if you want it to occur, but not on page load.

Share