Question

So I have two variables, animationFlag and ajaxFlag. I also have a function setup that returns true or false based on browser support of transitions. That I’d like to happen is that it only runs this fadein function if ajaxFlag is true AND animationFlag is true. But in a browser without transition support, animationFlag will never become true so I need to check if it supports transitions, then check for the ajaxFlag only if transitions aren’t supported. I tried separating them with || and && in different combinations, but I really need this nesting.

A single if statement would be WAYYYY nice, so, is it possible to combine that into one? Thanks!

    function checkDone() {
        if (!supportsTransitions) {
            if (ajaxFlag) {
                setTimeout(function(){
                    fadeInModal();
                },100)
            }
        } else {
            if (ajaxFlag && animationFlag) {
                setTimeout(function(){
                    fadeInModal();
                },100)
            }
        }
    }

Answer 1

This should work

if (ajaxFlag && (animationFlag || !supportsTransitions)) {
    // ...
}