Playbook · Shopify accordion nested broken
Parent opens. The nested panel stays stuck.
Written for a Shopify owner whose nested accordion is broken — child panels never open, nested details/summary fail, height animation collapses the parent, or exclusive-open JS closes the wrong row — or you chased a top-level FAQ accordion, blank product tabs, or a cart drawer instead. DIY-first: prove child panel vs height animation vs exclusive-open JS vs aria → repair → retest. Distinct from FAQ accordion not opening and product tabs blank. Soft-link cart drawer not opening when the cart drawer never opens. Soft-link size guide not opening when a size-guide modal/drawer is the issue. No earnings claims, no invented case studies.
Nico at Latch AI Ops · Sep 10, 2026 · ~12 minute read
Buy the 72-hour install — $997FAQ accordionProduct tabsMerchant FAQ
01
Nested accordion broken — not FAQ accordion, not product tabs.
Several “accordion / tabs / drawer” bugs look alike. They do not share a fix. This page is only when nested / child accordion panels never open — parent may work, child stays stuck, height animation collapses parent, exclusive-open JS closes the wrong panel. Top-level FAQ accordion never opening is still shopify-faq-accordion-not-opening. PDP tabs empty is shopify-product-tabs-blank.
Soft-check shopify-cart-drawer-not-opening when the cart drawer never opens, and soft-link shopify-size-guide-not-opening when a size-guide modal/drawer is the issue — not when nested accordion child panels themselves never expand.
02
Prove child panel vs height animation vs exclusive-open JS vs aria.
On Current theme (not a draft), open a page with nested accordions in incognito — FAQ with nested groups, size-guide nested rows, multi-level disclosure. Soft-check parent opens but child click does nothing. Soft-check nested details/summary or accordion app blocks event bubbling. Soft-check max-height / grid-template-rows animation on parent collapses when child opens. Soft-check exclusive-open JS closes parent when child toggles. Soft-check aria-expanded / aria-controls mismatch on nested buttons. Soft-check App embeds / third-party FAQ apps fighting theme JS. Soft-check mobile vs desktop. Soft-check Console errors on nested toggle.
Capture: page URL + section name, recording showing parent open / child stuck, Elements panel nested button aria attrs, computed max-height / overflow on parent panel, Console JS errors on nested click, App embeds toggle state, and mobile/desktop accordion settings on Current.
03
Repair nested toggle / height / exclusive-open; retest child panels.
On Current, soft-check stopPropagation on nested headers so parent exclusive-open does not steal the click. Soft-check height animation uses auto / content size that grows with nested open state. Soft-check nested details/summary or accordion section settings allow nested panels. Soft-check aria-expanded updates on child. Soft-check App embeds. Soft-check mobile/desktop. Publish Current, hard-refresh desktop and phone.
Honest retest: nested child panels open without collapsing the parent — not only one viewport broken. Soft-link shopify-faq-accordion-not-opening when the top-level FAQ never opens. Soft-link shopify-product-tabs-blank when PDP tabs are empty. Soft-link shopify-cart-drawer-not-opening when the cart drawer never opens.
04
You tested FAQ accordion, product tabs, or cart drawer instead.
Top-level FAQ accordion never opening is still shopify-faq-accordion-not-opening. PDP tabs empty is shopify-product-tabs-blank. Cart drawer never opening is shopify-cart-drawer-not-opening. Size-guide modal/drawer not opening is shopify-size-guide-not-opening.
The only honest test for this page: nested / child accordion panels should expand without collapsing the parent — while top-level FAQ / product-tabs / cart-drawer paths may still work.
05
When to stay DIY vs pay $997.
Stay DIY if you can spend one afternoon on the list above: prove child panel vs height animation vs exclusive-open JS vs aria, soft-check apps, repair, retest. That is the whole playbook. No agency required. Short answers also live on the merchant FAQ. Related pages: FAQ accordion not opening, product tabs blank, cart drawer not opening.
Pay for help when the work is not the nested-accordion wiring itself — it is connecting the stack you already have so storefront / theme / nested-accordion exception alerts land in a channel you already check, and the live store is one workflow instead of a spreadsheet plus a Slack bot you forgot. That is the Latch AI Ops install.
What $997 USD one-time buys: lead capture on the live store, ops alerts in a channel you already check, and a checkout-ready workflow. 72 hours after collaborator access, not after payment. One live Shopify store. Access plus a delivery thread. Store URL collected at checkout. Not a SaaS seat, not a theme rebuild retainer, not a conversion guarantee, not a brand or theme job.
Other shops' public ranges, not testimonials: a checkout / ops install typically runs $500–$2,500. A full ops consulting block typically runs $2,000–$5,000. $997 is the cheap end of that work, sold as a 72-hour install of three systems — not as an earnings number or conversion-lift claim.
What it does not buy: more orders, recovered revenue, a forever nested-accordion guarantee, or a case study. Latch AI Ops has not published customer proof because there are no customers yet. You are buying the install.
Checkout is on Whop. Operator is Nico. United States offer. You can revoke collaborator access after handoff. We do not take owner passwords.