Почему jQuery-click работает только один раз?

Question

[generate]

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

$(document).ready (function () {
		$("#muz").bind("click", function () {
			if ($("body").css("background", "#fff")) {
			$("body").css("background", "#000");
			$("#muz").css("color", "#fff");
			 } 

			if ($("body").css("background", "#000")) {  //Второй раз вообще не работает
			$("body").css("background", "#fff");
			$("#muz").css("color", "#000");
			 } 

		});
	});

Comments

[Антон Литвиненко]

Откуда вы берете устаревшие функции типа bind?
У меня есть подозрение что ваша проверка не работает, я такое вообще впервые вижу. Работайте с классами, там как раз есть проверка hasClass

Answer 1

[lUser L]

Задай стили классу
Проверяй через hasClass
Меняй через toggleClass

https://codepen.io/5h4dy_s/pen/yLONyow