Как правильно переключать классы в состоянии jQuery [закрыто] ⇐ Jquery

[Anonymous]

У меня есть две кнопки того же класса, что и

Код: Выделить всё

Cart
Wish

Я пытаюсь показать и скрыть боковую панель, но хочу оставить ее открытой, если боковая панель уже открыта. Этот код отлично работает с каждым товаром отдельно, но если я нажму кнопку «Корзина и хочу проверить Желание», боковая панель закроется.

Код: Выделить всё

$(".show-hide-sidebar").on("click", function () {
// Check if the sidebar is already visible (has the 'sidenav-show' class)
if ($("#sidebar").hasClass('sidenav-show')) {
// If sidebar is open, close it
$("#sidebar").removeClass("sidenav-show").addClass("sidenav-hide");
$("#mainbar").removeClass("main-narrow").addClass("main-wide");
} else {
// If sidebar is closed, open it
$("#sidebar").removeClass("sidenav-hide").addClass("sidenav-show");
$("#mainbar").removeClass("main-wide").addClass("main-narrow");
}
});

Код: Выделить всё

    $(".show-hide-sidebar").on("click", function () {
// Check if the sidebar is already visible (has the 'sidenav-show' class)
if ($("#sidebar").hasClass('sidenav-show')) {
// If sidebar is open, close it
$("#sidebar").removeClass("sidenav-show").addClass("sidenav-hide");
$("#mainbar").removeClass("main-narrow").addClass("main-wide");
} else {
// If sidebar is closed, open it
$("#sidebar").removeClass("sidenav-hide").addClass("sidenav-show");
$("#mainbar").removeClass("main-wide").addClass("main-narrow");
}
});

Код: Выделить всё

.box{
height:60px;
width:60px;

margin:20px
}

.sidenav-show{
background:red
}

.sidenav-hide{
background:gold
}

.main-narrow{
background:red
}

.main-wide{
background:gold
}

Код: Выделить всё

Cart
Wish

Подробнее здесь: https://stackoverflow.com/questions/791 ... n-properly