function InitButton() {
$("#button1").click(Button1);
$("#button2").click(Button2);
$("#button3").click(Button3);
$("#button4").click(Button4);
$("#button5").click(Button5); // вот здесь
}
let clickCount = 0;
$("#button5").click(Button5); // и здесь, эту строку нужно удалить.
$('.box3')
на $('#box3')
".box1"
на "#box1"
(точки на диезы)? Или просто залейте код в песочницу, чтобы я не гадал. <button type="button" class="form-thx__close">ЗАКРЫТЬ</button>
document.addEventListener('DOMContentLoaded', () => {
const observer = new MutationObserver(function (mutationsList, observer){
const container = document.querySelector('.takeout-nav');
let containerRect = container.getBoundingClientRect();
const activeOption = document.querySelector('.current-menu-item');
let activeOptionRect = activeOption.getBoundingClientRect();
if (containerRect.left + containerRect.width < activeOptionRect.left + activeOptionRect.width){
setTimeout(() => container.scrollLeft += activeOptionRect.left - containerRect.left, 10);
}
else if (activeOptionRect.left < containerRect.left){
setTimeout(() => container.scrollLeft -= containerRect.left - activeOptionRect.left, 10);
}
});
observer.observe(document.querySelector('.takeout'), {
attributes: true,
subtree: true
});
});
function scrollToActiveOption(){
const container = document.querySelector('.takeout-nav');
let containerRect = container.getBoundingClientRect();
const activeOption = document.querySelector('.current-menu-item');
let activeOptionRect = activeOption.getBoundingClientRect();
if (containerRect.left + containerRect.width < activeOptionRect.left + activeOptionRect.width){
container.scrollLeft += activeOptionRect.left - containerRect.left;
}
else if (activeOptionRect.left < containerRect.left){
container.scrollLeft -= containerRect.left - activeOptionRect.left;
}
}
scrollToActiveOption();
if (calc_element_action == 'ratio') {
itog = itog * calc_element_value;
}
else if (calc_element_action == 'none') {
}