From 6ba453aa1a5bf1b682c6d7ca76b497a8c4e26f34 Mon Sep 17 00:00:00 2001
From: Jeff <peacelord1309@gmail.com>
Date: Tue, 12 May 2026 10:36:55 +0530
Subject: [PATCH] Refactor Accordion motion properties

Updated Accordion motion properties for better animation effects.
---
 skills/motion-patterns/SKILL.md | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/skills/motion-patterns/SKILL.md b/skills/motion-patterns/SKILL.md
index eb542ad9..80ff2dd9 100644
--- a/skills/motion-patterns/SKILL.md
+++ b/skills/motion-patterns/SKILL.md
@@ -314,11 +314,10 @@ export function ExpandingCard({ title, body }: { title: string; body: string })
 
 ```tsx
 <motion.div
-  animate={{
-    height: open ? "auto" : 0,
-    overflow: "hidden",
-  }}
-  transition={{
+  initial={false}
+  animate={{ opacity: open ? 1 : 0, scaleY: open ? 1 : 0 }}
+  style={{ transformOrigin: "top", overflow: "hidden" }}
+ transition={{
     duration: motionTokens.duration.normal,
     ease: motionTokens.easing.smooth,
   }}