diff --git a/ide/src/trace/component/SpKeyboard.html.ts b/ide/src/trace/component/SpKeyboard.html.ts
index ede6fa139aff3dc00a764012091a9260efbf8417..950ae9a307fff1cf565339a46a8253bfac873cde 100644
--- a/ide/src/trace/component/SpKeyboard.html.ts
+++ b/ide/src/trace/component/SpKeyboard.html.ts
@@ -201,6 +201,12 @@ table{
           </td>
           <td class="describe-td">展示/隐藏Vsync信号</td>
         </tr>
+        <tr>
+          <td>
+            <div class="keycap">b</div>
+          </td>
+          <td class="describe-td">展开/折叠收藏区域</td>
+        </tr>
       </table>
     </div>
   </main>
diff --git a/ide/src/trace/component/trace/SpChartList.ts b/ide/src/trace/component/trace/SpChartList.ts
index ab922b7b5166de33e9eb37c87dd0afea4f0e1079..00532418240bd3c558a13590ca7226a934c116b4 100644
--- a/ide/src/trace/component/trace/SpChartList.ts
+++ b/ide/src/trace/component/trace/SpChartList.ts
@@ -93,7 +93,7 @@ export class SpChartList extends BaseElement {
   }
 
   private initChartListListener(): void {
-    this.icon1?.addEventListener('click', () => {
+    const foldCollect1 = () => {
       this.collect1Expand = !this.collect1Expand;
       if (this.collect1Expand) {
         this.icon1!.style.transform = 'rotateZ(0deg)';
@@ -103,21 +103,54 @@ export class SpChartList extends BaseElement {
         this.collectRowList1.forEach((row) => this.fragmentGroup1.appendChild(row));
       }
       this.resizeHeight();
-    });
-    this.icon2?.addEventListener('click', () => {
+    }
+    this.icon1?.addEventListener('click', () => foldCollect1());
+    const foldCollect2 = () => {
       this.collect2Expand = !this.collect2Expand;
       if (this.collect2Expand) {
         this.icon2!.style.transform = 'rotateZ(0deg)';
         this.collectEl2?.appendChild(this.fragmentGroup2);
-        this.resizeHeight();
         this.scrollTop = this.scrollHeight;
       } else {
         this.icon2!.style.transform = 'rotateZ(-90deg)';
         this.collectRowList2.forEach((row) => this.fragmentGroup2.appendChild(row));
-        this.resizeHeight();
         this.scrollTop = 0;
       }
-    });
+      this.resizeHeight();
+    }
+    this.icon2?.addEventListener('click', () => foldCollect2());
+    document.addEventListener('keyup', (e) => {
+      if (e.key.toLowerCase() === 'b' && e.ctrlKey === false) {
+        // 收藏夹有泳道时 为true
+        const hasChildNode1 = this.collectEl1?.hasChildNodes() || this.fragmentGroup1.hasChildNodes()
+        const hasChildNode2 = this.collectEl2?.hasChildNodes() || this.fragmentGroup2.hasChildNodes()
+        // 两个收藏夹都有泳道时
+        if (hasChildNode1 && hasChildNode2) {
+          const flag = this.collect1Expand === this.collect2Expand
+          if (flag) {
+            foldCollect1()
+            foldCollect2()
+          } else {
+            // 两收藏夹的折叠状态不一致 优先一起折叠
+            if (this.collect1Expand) {
+              foldCollect1()
+            }
+            else {
+              foldCollect2()
+            }
+          }
+          return
+        }
+        // 只影响有泳道的收藏夹
+        if (hasChildNode1) {
+          foldCollect1()
+        }
+        if (hasChildNode2) {
+          foldCollect2()
+        }
+      }
+    })
+
     this.removeCollectIcon1?.addEventListener('click', () => {
       for (let i = 0; i < this.collectRowList1.length; i++) {
         this.collectRowList1[i].collectEL?.click();