prodavec macdonalds

$('form').submit(function(){
//обработка полей
//возвращаем true при правильной заполненности полей формы и false в случае ошибки валидации
});

Для начала взять и начать работать и сделать хоть какой заказ.

Ни как, на то они и псевдоэлементы, доступа к ним из js нет.

GitHub Pages

.plashka {
                widht: 100%;
                height: 90px;
                display: flex;
		align-items: center;
}

Сохраните факт отправки где-нибудь, на выбор - cookies (рекомендуется, их поддерживают все и они простые), localStorage или на сервере (при следующем открытии формы вы должны будете вернуть этот флаг, но осторожно, при переходе назад в браузере запрос к серверу может не произойти, т.е. вы должны его сделать сами, перед созданием таймера)

Если коротко, то при помощи 3d трансформации в CSS. Вот ссылка с тем как работать - https://html5book.ru/3d-transform/

Использовать какие-либо фреймворки, по типу vue. Там уже и создавать свои теги (они же компоненты)

Не шарю о чем речь, но попробую предположить:
<tag/>

1. Там все эти странички уже загружены, но скрыты .
2. Раз так, то ты можешь анимировать переходы между ними как угодно.
3. На этом моменте ты должен все уже понять и восторженно бежать писать анимашки.

Вам на фриланс.

Первая причина в том что LP как одна страница - это понятие изуродованное в РФ.
LP далеко не всегда есть одна страница. Мы делали сайт из 100 LP, структурированные в дерево.

Вторая причина в том что по большей части оптимально начинать с одностраничника (это сайт из одной LP), но кто сказал что на этом стоп? Если бизнес адекватный, то через неделю захочется продолжения банкета. Делать блог, каталог продуктов, или другие LP. Из одностраничника превращаться в каталог смежных продуктов, с кросспродажами и прочим блекджеком.

Третья причина в том что сделать LP на WP можно без излишних затрат. Как уже сказали выше это может быть VC или PageBuilder. Страница собирается за 15-30 минут. Без кривой верстки, кроссбраузерная, адаптивная. По конверсии такие страницы не уступают ручным сборкам (от 2 до 20% легко выжимается), а по затратам в 10 раз меньше.

Четвертая причина. Это решение на много гибче. Проще делать сплит тесты. Поправить блоки местами можно парой кликов или движением мышки. Править может маркетолог без знаний верстки или кодинга.

Можно попробовать так:

$('#button-main').click(function(){
  $('#button-1').trigger("click");
  $('#button-2').trigger("click");
  $('#button-3').trigger("click");
});

Если не поможет, то разбираться с объектом event. Будет что-то примерно такое:

var event = document.createEvent("MouseEvents");
        event.initEvent("click", true, true); 
        event.synthetic = true; 
        document.getElementById('button-1').dispatchEvent(event, true);