@alex5792
front man

Как сделать оверлей когда sidebar открыт?

Добрый день, есть сайт https://crewbarber.ie/ . При нажатии кнопки "Book Now" открывается сайдбар. Нужно сделать так чтобы когда сайдбар открыт body сайта получает оверлей и затемняется. Когда сайдбар открывается, к нему добавляется CSS класс и я решил использовать Jquery, но данный код не сработал. Буду благодарен за любую помощь
<script>
$(document).ready(function() {
	if ( $( ".ob-widget-container" ).hasClass("slide-in")) {
        $("body").addClass("darker");
}
});
</script>
  • Вопрос задан
  • 44 просмотра
Решения вопроса 1
MagnusDidNotBetray
@MagnusDidNotBetray
Самый елеустремленный человек
Можно на кнопки открытия и закрытия сайдбара навесить свои обработчики
document.addEventListener('DOMContentLoaded', () => {
  const buttonOpen = document.querySelector('.ob-widget-btn');
  const buttonClose = document.querySelector('.ob-widget-container__header__close__cross');
  buttonOpen.addEventListener('click', () => {
  	document.body.classList.add('darken');
	});
  buttonClose.addEventListener('click', () => {
  	document.body.classList.remove('darken');
	});
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы