Как при нажатии на элемент добавлять и удалять class у body?

Question

[Владимир Новицкий]

Как сделать с помощью jQuery, чтобы при нажатии на определенный элемент (блок, кнопка или ссылка) добавлялся class к body, а при повторном нажатии удалялся?

Нашел здесь на Тостере один скрипт:

(function() {
	var $body = document.body,
		$nav - icon = $body.getElementsByClassName('nav-icon')[0];

	if (typeof $nav - icon !== 'undefined') {
		$nav - icon.addEventListener('click', function() {
			$body.className = ($body.className == 'nav-active') ? '' : 'nav-active';
		});
	}
}).call(this);

По идее, он, как раз это и должен делать, но почему-то не работает.

Вместо этого, для этой строки:

$nav - icon = $body.getElementsByClassName('nav-icon')[0];

выдает ошибку: «Uncaught SyntaxError: Unexpected token -».

Answer 1

[Виталий Инчин ☢]

$("div").click(function(){
   $("body").toggleClass("class");
});

выдает ошибку: «Uncaught SyntaxError: Unexpected token -».

2 - 5 = Ёж

Мозг тоже бы выдал ошибку на подобное.

Если вы кто-то так переменную назвать попытался, то по логике надо было бы слитно написать. Хотя, все равно, работать не будет, т.к нельзя использовать минусы (они же тире и дефисы) в названии переменных, как и многие другие символы.

Comments

[Ivanq]

Человек переменную неправильно назвал - вы тоже не видите???

[Виталий Инчин ☢]

Ivanq: видим, только код от правильного названия лучше не станет.

[Ivanq]

Виталий Инчин ☢: зато та ошибка, которая написана в вопросе, исчезнет. а так я с вами согласен

[Владимир Новицкий]

Виталий Инчин ☢: Спасибо. Действительно ваш код проще и работает. Только нужно, чтобы при повторном нажатии класс удалялся.

[Виталий Инчин ☢]

Владимир Новицкий: jsfiddle.net/1mcd3p8d

[Владимир Новицкий]

Виталий Инчин ☢: Да, действительно все работает. Это я просто не так понял. Просто там класс удаляется, но само class="" остается.

Answer 2

[Андрей Гончаров]

опоздал)

$("block").click(function(event) {
	$("body").toggleClass('someclass');
});

Comments

[Ivanq]

Человек переменную неправильно назвал - вы тоже не видите???

[Андрей Гончаров]

ну задача в другом - дать ему работающий скрипт, за место той простыни кода.

Answer 3

[Ivanq]

Смешно аж. Переменную с пробелами и минусами или плюсами юзать нельзя. Замените поседнюю строку на

$navicon = $body.getElementsByClassName('nav-icon')[0];