Compare commits

..

No commits in common. "193015e9d62964fa2d7800b10910d933b4af32b5" and "c4b466d9a820a328ec2ba6ac09883a1bbeb2882e" have entirely different histories.

3 changed files with 8 additions and 44 deletions

View File

@ -33,7 +33,7 @@
<div class="hero-content">
<p class="hero-pre">Приглашаем вас на свадьбу</p>
<h1 class="hero-names">Александр<span class="amp">&amp;</span>Юлия</h1>
<p class="hero-date">22 августа 2026 16:00</p>
<p class="hero-date">22 августа 2026</p>
<div class="countdown" id="countdown">
<div class="countdown-block">
<span class="cd-num" id="cd-days">--</span>
@ -116,7 +116,7 @@
<section id="stats" class="section">
<div class="container">
<h2 class="section-title">8 лет отношений</h2>
<p class="section-sub">Но вам мы покажем преимущественно последние 4 года переписки</p>
<p class="section-sub">Но вам мы покажем последние 4 года переписки</p>
<!-- Ключевые цифры -->
<div class="stats-grid">
@ -382,16 +382,6 @@
<div class="container">
<h2 class="section-title">Часто задаваемые вопросы</h2>
<div class="faq-list">
<div class="faq-item">
<button class="faq-question" aria-expanded="false">
Когда начинается мероприятие?
<span class="faq-arrow"></span>
</button>
<div class="faq-answer">
<p>Велком секция (фуршет) начинается в <strong>16:00</strong>.</p>
<p>Основная секция (банкет) начинается в <strong>17:00</strong>.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question" aria-expanded="false">
Какой дресс-код мероприятия?
@ -428,7 +418,7 @@
<span class="faq-arrow"></span>
</button>
<div class="faq-answer">
<p>Пожалуйста, заполните анкету гостя до <strong>20 июля 2026</strong>. Это поможет нам правильно рассадить гостей и подготовить меню.</p>
<p>Пожалуйста, заполните анкету гостя до <strong>1 августа 2026</strong>. Это поможет нам правильно рассадить гостей и подготовить меню.</p>
</div>
</div>
<div class="faq-item">
@ -440,16 +430,6 @@
<p>Да, конечно. Мы будем рады любому подарку. Ведь единственный пункт в нашем вишлисте - это отлично проведенный праздник</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question" aria-expanded="false">
Уместно ли дарить цветы?
<span class="faq-arrow"></span>
</button>
<div class="faq-answer">
<p>Мы бы попросили вас воздержаться от дарения цветов.</p>
<p>Потому что живем мы в небольшой квартире, и складывать такое потенциальное количество цветов нам банально будет некуда.</p>
</div>
</div>
</div>
</div>
</section>

View File

@ -599,38 +599,21 @@ window.addEventListener('scroll', () => {
// ---- FAQ: аккордеон ----
function setFaqAnswerHeight(answer, open) {
if (open) {
answer.classList.add('open');
answer.style.maxHeight = answer.scrollHeight + 'px';
} else {
answer.classList.remove('open');
answer.style.maxHeight = '0px';
}
}
document.querySelectorAll('.faq-question').forEach(btn => {
btn.addEventListener('click', () => {
const expanded = btn.getAttribute('aria-expanded') === 'true';
const answer = btn.nextElementSibling;
// Закрыть все остальные
document.querySelectorAll('.faq-question').forEach(b => {
b.setAttribute('aria-expanded', 'false');
setFaqAnswerHeight(b.nextElementSibling, false);
b.nextElementSibling.classList.remove('open');
});
// Переключить текущий
if (!expanded) {
btn.setAttribute('aria-expanded', 'true');
setFaqAnswerHeight(answer, true);
}
});
});
window.addEventListener('resize', () => {
document.querySelectorAll('.faq-question[aria-expanded="true"]').forEach(btn => {
const answer = btn.nextElementSibling;
if (answer.classList.contains('open')) {
answer.style.maxHeight = answer.scrollHeight + 'px';
answer.classList.add('open');
}
});
});

View File

@ -975,6 +975,7 @@ ul { list-style: none; }
transition: max-height 0.35s ease, padding 0.35s ease;
}
.faq-answer.open {
max-height: 300px;
padding: 0 1.5rem 1.2rem;
}
.faq-answer p { color: var(--gray); line-height: 1.7; margin: 0 0 0.75rem; }