Почему не срабатывает вторая функция?

Question

[Никита Рябин]

$(".open-panel").click(function(){

$("html").addClass("openNav");
$(".open-panel").removeClass('open-panel').addClass('close-panel');

});

$(".close-panel").click(function(){
$(".close-panel").removeClass('close-panel').addClass('open-panel');
$("html").removeClass("openNav");

});

Не срабатывает вторая функция. Первый раз на кнопку кликаю - меняется класс на .close-panel , во втором случае не срабатывает функция то есть не удаляется класс у html и не меняется у этой же кнопки на класс .open-panel

Answer 1

[Евгений Кузовлев]

Выложите свой код куда-нибудь типа codepen'а

Но скорее всего у вас изначально нет элемента с классом close-panel
Сделайте так:

$(document).on('click', ".close-panel", function(){
	$(".close-panel").removeClass('close-panel').addClass('open-panel');
	$("html").removeClass("openNav");
});

Comments

[Никита Рябин]

Да, изначально нету. Но ведь я по клику в первый раз на кнопку его меняю, соответственно класс появляется.

Ваш код не сработал. у меня даже первая функция перестала выполняться.

[Никита Рябин]

Точнее работает, но сразу при первом клике осуществляет вторую функцию и класс open-panel заменятся на open-panel

[Евгений Кузовлев]

Никита Рябин, выложите куда-нибудь что у вас есть, чтобы пальцем в небо не тыкать

[Никита Рябин]

Евгений Кузовлев, не получится, долго все связанные элементы заливать. Вопрос в том, что получается нельзя у элемента заменить класс и произвести действия по этому заменяемому классу?

[Евгений Кузовлев]

Никита Рябин, если у вас нет изначально элемента ".close-panel" на странице, то навешивание событий осуществляется через .on() дальше разбирайтесь