diff --git a/zh-cn/third-party-cases/collapse-and-expand.md b/zh-cn/third-party-cases/collapse-and-expand.md
index 836fb09b2201d08f671d62d286884bc6a1aedb8c..d6439a99a03ec47d04387de6d5f12be9f1814e39 100644
--- a/zh-cn/third-party-cases/collapse-and-expand.md
+++ b/zh-cn/third-party-cases/collapse-and-expand.md
@@ -53,9 +53,9 @@
                 .margin({ bottom: 30 })
         
                 Column() {
-                    RowItem({ props: { title: '英雄', name1: '孙悟空', name2: '蛮族之王', name3: '武器大师' } })
+                    RowItem({ props: { title: 'AAAAA', name1: 'BBBBB', name2: 'CCCCC', name3: '武器大师' } })
                     // 文本折叠时，type为DOWN
-                    RowItem({ props: { name1: '伊泽瑞尔', name2: '加里奥', name3: '卡特琳娜', type: 'DOWN', onFlagChange: this.onFlagChange } })  
+                    RowItem({ props: { name1: 'DDDDD', name2: 'EEEEE', name3: 'FFFFF', type: 'DOWN', onFlagChange: this.onFlagChange } })  
 
                     //被折叠的文本内容
                     ...  
@@ -73,11 +73,11 @@
     ```ts
     CollapseAndExpand({
         items: [
-            { id: 0, name1: '潮汐海灵', name2: '暗夜猎手', name3: '厄斐琉斯' },
-            { id: 1, name1: '涤魂圣枪', name2: '圣枪游侠', name3: '法外狂徒' },
-            { id: 2, name1: '北地之怒', name2: '不羁之悦', name3: '傲之追猎者' },
+            { id: 0, name1: 'GGGGG', name2: 'HHHHH', name3: 'JJJJJ' },
+            { id: 1, name1: 'KKKKK', name2: 'LLLLL', name3: 'MMMMM' },
+            { id: 2, name1: 'NNNNN', name2: 'OOOOO', name3: 'PPPPP' },
             // 文本展开时，type为UP
-            { id: 3, name1: '艾瑞莉娅', name2: '战争之影', name3: '时间刺客', type: 'UP', onFlagChange: this.onFlagChange }
+            { id: 3, name1: 'QQQQQ', name2: 'RRRRR', name3: 'SSSSS', type: 'UP', onFlagChange: this.onFlagChange }
         ],
     })
     ```
@@ -206,12 +206,12 @@ struct CollapseAndExpandDemo {
 
             Column() {
                 RowItem({ 
-                    props: { title: '英雄', name1: '孙悟空', name2: '蛮族之王', name3: '武器大师' } })
+                    props: { title: '英雄', name1: 'AAAAA', name2: 'BBBBB', name3: 'CCCCC' } })
                 RowItem({ 
                     props: { 
-                        name1: '伊泽瑞尔', 
-                        name2: '加里奥', 
-                        name3: '卡特琳娜', 
+                        name1: 'DDDDD', 
+                        name2: 'EEEEE', 
+                        name3: 'FFFFF', 
                         // 文本折叠时，type为DOWN
                         type: 'DOWN', 
                         onFlagChange: this.onFlagChange  
@@ -220,13 +220,13 @@ struct CollapseAndExpandDemo {
                 // 直接调用折叠展开组件
                 CollapseAndExpand({
                     items: [
-                        { id: 0, name1: '潮汐海灵', name2: '暗夜猎手', name3: '厄斐琉斯' },
-                        { id: 1, name1: '涤魂圣枪', name2: '圣枪游侠', name3: '法外狂徒' },
-                        { id: 2, name1: '北地之怒', name2: '不羁之悦', name3: '傲之追猎者' },
+                        { id: 0, name1: 'GGGGG', name2: 'HHHHH', name3: 'JJJJJ' },
+                        { id: 1, name1: 'KKKKK', name2: 'LLLLL', name3: 'MMMMM' },
+                        { id: 2, name1: 'NNNNN', name2: 'OOOOO', name3: 'PPPPP' },
                         { id: 3, 
-                        name1: '艾瑞莉娅', 
-                        name2: '战争之影', 
-                        name3: '时间刺客', 
+                        name1: 'QQQQQ', 
+                        name2: 'RRRRR', 
+                        name3: 'SSSSS', 
                         // 文本折叠时，type为UP
                         type: 'UP', 
                         onFlagChange: this.onFlagChange }  
diff --git a/zh-cn/third-party-cases/figures/collapse_and_expand.gif b/zh-cn/third-party-cases/figures/collapse_and_expand.gif
index 64e65e378929810e3e047a6da09cd53bfd71b50b..29f928f17cf388a1efed7ab47a269d6b455e81c0 100644
Binary files a/zh-cn/third-party-cases/figures/collapse_and_expand.gif and b/zh-cn/third-party-cases/figures/collapse_and_expand.gif differ