Показать сообщение отдельно
  #1 (permalink)  
Старый 17.08.2019, 04:39
Кандидат Javascript-наук
Отправить личное сообщение для WebMachine Посмотреть профиль Найти все сообщения от WebMachine
 
Регистрация: 11.10.2016
Сообщений: 141

Присвоение класса после нажатия
Всем привет.
В общем у меня на сайте стоит боковая панель с корзиной у которой присвоен класс .is-hidden и при нажатии он убирается и панель выходит:

http://empire-taste.16mb.com

Как сделать чтобы класс .is-hidden распространялся только на тег с классом .mcart-panel ?

в данный момент класс .is-hidden присваивается к тегу с классом .mcart-panel и тегу .mcart которая ниже.

Функционал панели: empire-taste.16mb.com/templates/et/js/script.js
$(document).ready(function($) {
	var closeBtn = jQuery('#mcart-close'),
	panel = closeBtn.parent();
	setTimeout(function(){ panel.addClass('is-hidden');	}, 150);
	closeBtn.on('click', function(){ panel.toggleClass('is-hidden'); })
});
$(document).mouseup(function (e) {
    var container = $(".mcart-panel");
    if (container.has(e.target).length === 0){
        $(".mcart-panel").addClass("is-hidden");
    }
});

Последний раз редактировалось WebMachine, 18.08.2019 в 03:20.
Ответить с цитированием