правки test1

wp-content/themes/twentytwentyfour/assets/css/test1-shared-shell.css

@@ -17,14 +17,29 @@
   flex-direction: column;
 }
 
+.test1-shared-faq-page {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
 .test1-shared-cart-page .site-main {
   flex: 1 0 auto;
 }
 
+.test1-shared-faq-page .site-main {
+  flex: 1 0 auto;
+  padding-bottom: 26px;
+}
+
 .test1-shared-cart-page .classic-footer {
   margin-top: auto;
 }
 
+.test1-shared-faq-page .classic-footer {
+  margin-top: auto;
+}
+
 .test1-shared-shell .site-header {
   position: sticky;
   top: 0;

wp-content/themes/twentytwentyfour/assets/js/test1-faq.js

@@ -0,0 +1,38 @@
+(() => {
+  const faqItems = document.querySelectorAll('.faq-item')
+
+  if (!faqItems.length) {
+    return
+  }
+
+  faqItems.forEach(item => {
+    const trigger = item.querySelector('.faq-question')
+    const answer = item.querySelector('.faq-answer')
+
+    if (!trigger || !answer) {
+      return
+    }
+
+    trigger.addEventListener('click', () => {
+      const isOpen = item.classList.contains('open')
+
+      faqItems.forEach(entry => {
+        const entryTrigger = entry.querySelector('.faq-question')
+        const entryAnswer = entry.querySelector('.faq-answer')
+
+        entry.classList.remove('open')
+        entryTrigger?.setAttribute('aria-expanded', 'false')
+
+        if (entryAnswer) {
+          entryAnswer.hidden = true
+        }
+      })
+
+      if (!isOpen) {
+        item.classList.add('open')
+        trigger.setAttribute('aria-expanded', 'true')
+        answer.hidden = false
+      }
+    })
+  })
+})()