Как скрыть один класс и показать другой нажатием на кнопку?

Question

[partyzanx]

Есть кнопка <button id="pinyin-btn"> Сменить плеер</button>
Как сделать чтобы при нажатии на её сразу же скрывался один класс, и показывался другой класс, с запоминанием куки? А при следующем нажатии опять показывался первый класс, а второй исчезал также с запоминанием куки.
Здесь есть решение, но там вроде без запоминания куки

Answer 1

[Павел Корнилов]

Вариант с добавлением / удалением класса по клику на кнопке:

document.getElementById('pinyin-btn').onclick= function(e) {
		// По клику будет появляться / исчезать класс className
		this.classList.toggle('className');
		if(this.classList.contains('className')) {
			// Ставим кукис
		} else {
			// Удаляем кукис
		}
	}

Функций для работы с кукисами в интернете хватает.
Пользоваться так: прописать стили для кнопки без класса и с классом - будет то же самое, что менять один класс на другой.