nested if else vs logical operators

[TheOneTrueVlad]

I have 3 variants of code that all do the same thing.

Is there a best practice for choosing?

Is it just appearance and ease of following or is there a technical reason to use one over the other?

/*if ( ($(window).width() < 535) || ($(window).height() < 700) ) {     if (scrollTop > stickyNavTop) {        jQuery('body').addClass('stickynav');    } else {        jQuery('body').removeClass('stickynav');     } } else {    jQuery('body').removeClass('stickynav'); }

if ( (scrollTop > stickyNavTop) && ( (($(window).height() < 700) || ($(window).width() < 535)) )) {    jQuery('body').addClass('stickynav');} else {    jQuery('body').removeClass('stickynav'); }

if ( ((scrollTop > stickyNavTop) && ($(window).height() < 700)) || ((scrollTop > stickyNavTop) && ($(window).width() < 535)) ) {    jQuery('body').addClass('stickynav');} else {    jQuery('body').removeClass('stickynav'); }

Cheers

[justsomeguy]

The second one is the most concise, it doesn't have any duplicate code. Although you don't need all of those parentheses.

if ( scrollTop > stickyNavTop && ( $(window).height() < 700 || $(window).width() < 535 )) {