Condensing multiple if statements in JavaScript

Question

I have this:

if(currentSlide !== 3) {
    $('#chapterBackground.intro').fadeOut(100);
}

if(currentSlide !== 4) {
    $('#chapterBackground.intro').fadeOut(100);
}

...and want to essentially say if currentSlide is neither 3 OR 4, then perform the fadeOut function.

Answer 1

if((currentSlide !== 3) || (currentSlide !== 4))  {
    $('#chapterBackground.intro').fadeOut(100);
}

Apologies, edited.

Answer 2

You can use the OR operator within a single if condition:

if(currentSlide !==3 || currentSlide !==4) {
    $('#chapterBackground.intro').fadeOut(100);
}

Answer 3

Here you go:

if(currentSlide !== 3 || currentSlide !== 4) {
    $('#chapterBackground.intro').fadeOut(100);
}

The || means "OR". For "AND" you would use the && operator ;)

Answer 4

if(currentSlide !== 3 || currentSlide !== 4) {
    $('#chapterBackground.intro').fadeOut(100);
}

Answer 5

And here goes mine:

if ( currentSlide + 1 >> 1 != 1 )

:D

Answer 6

Just one of many options:

currentSlide = 3;

//The number would match the slide you want the transition to occur at
//So at slide 3 I want the intro to fade out
var slideIndexes = {
        3 : function() { $('#chapterBackground.intro').fadeOut(100); },
        16 : function() { $('#chapterBackground.presentation').fadeOut(100); },
        20 : function () { $('#chapterBackground.credits').fadeOut(100); }
};

if (slideIndexes[currentSlide]) slideIndexes[currentSlide]();

And a beautiful jsfiddle to accompany this code.