Почему не срабатывает условие else?

Question

[Эдуард]

Добрый день. Подскажите пожалуйста, почему не срабатывает условие else в этом скрипте ?

$(document).scroll(function() {
	var topBlock1 = document.getElementById('rec21532082').getBoundingClientRect().top;
	var topBlock2 = document.getElementById('rec21607554').getBoundingClientRect().top;
	var topBlock3 = document.getElementById('rec21593776').getBoundingClientRect().top;
	var topBlock4 = document.getElementById('rec21696576').getBoundingClientRect().top;
	
	if (topBlock1 <= 40 < topBlock2)	{
		$("div#nav21513976 li a").addClass("menu_dark").removeClass("menu_light");
		$("div#nav21513976 li:last-child a").addClass("menu_light");
	}
	else if (topBlock2 <= 40 < topBlock3)	{
		$("div#nav21513976 li a").addClass("menu_light").removeClass("menu_dark");
	}
	else if (topBlock3 <= 40 < topBlock4)	{
		$("div#nav21513976 li a").addClass("menu_dark").removeClass("menu_light");
		$("div#nav21513976 li:last-child a").addClass("menu_light");
	}
	else if (topBlock4 <= 40)	{
		$("div#nav21513976 li a").addClass("menu_light").removeClass("menu_dark");
	}
	else {
	    $("div#nav21513976 li a").addClass("menu_light").removeClass("menu_dark");
	}
});

Все селекторы правильные, через консоль скрипт записанный в else срабатывает, все if не выполняют условия, но почему то else не срабатывает в этот момент.

Answer 1

[Nevada18]

вы в условии && пропустили

Comments

[Эдуард]

В каком именно условии ?

[Эдуард]

Да, действительно, хоть и jshint не видит в моём написании ошибку и код работает (кроме else). Спасибо за наводку. Вот так всё работает -

$(document).scroll(function() {
	var topBlock1 = document.getElementById('rec21532082').getBoundingClientRect().top;
	var topBlock2 = document.getElementById('rec21607554').getBoundingClientRect().top;
	var topBlock3 = document.getElementById('rec21593776').getBoundingClientRect().top;
	var topBlock4 = document.getElementById('rec21696576').getBoundingClientRect().top;
	
	if (topBlock1 <= 30 && 30 < topBlock2)	{
		$("div#nav21513976 li a").addClass("menu_dark").removeClass("menu_light");
		$("div#nav21513976 li:last-child a").addClass("menu_light");
	}
	else if (topBlock2 <= 30 && 30 < topBlock3)	{
		$("div#nav21513976 li a").addClass("menu_light").removeClass("menu_dark");
	}
	else if (topBlock3 <= 30 && 30 < topBlock4)	{
		$("div#nav21513976 li a").addClass("menu_dark").removeClass("menu_light");
		$("div#nav21513976 li:last-child a").addClass("menu_light");
	}
	else if (topBlock4 <= 30)	{
		$("div#nav21513976 li a").addClass("menu_light").removeClass("menu_dark");
	}
	else {
	    $("div#nav21513976 li a").addClass("menu_light").removeClass("menu_dark");
	}
});

Answer 2

[Arman]

topBlock1 <= 40 < topBlock2
А так точно можно делать?
topBlock1 <= 40 - будет или true или false

Дальше будет false(0) < topBlock2 или true(1) < topBlock2

Comments

[Эдуард]

Я неправильно выразился, все if работают как надо (это просто смена цвета текста в меню, когда оно наезжает на блоки topBlock), но почему то когда if уже не выполняются, то else всё равно не срабатывает.

[Эдуард]

Всё решилось, правильный ответ дал Nevada18