---
title: หัวข้อที่ขยายได้
slug: th/user-guides/dVFH7XxXxcRLFO79WlkTt
createdAt: 2024-08-09T08:04:51.985Z
---

::loom{url="https://www.loom.com/embed/dcb8460d05144704b018ec9aa6b41aba?sid=1aea9071-051b-46b6-ac5c-0787e172af70"}

หัวข้อแบบขยายได้เป็นวิธีการจัดระเบียบเนื้อหาเอกสารของคุณและเพิ่มความสามารถในการอ่าน ช่วยให้คุณสร้างส่วนต่างๆ ที่สามารถขยายหรือยุบได้ ทำให้ง่ายต่อการค้นหาข้อมูลเฉพาะ

## ทำไมต้องใช้หัวข้อแบบขยายได้?

- **ปรับปรุงการจัดระเบียบ**
  หัวข้อแบบขยายได้ช่วยแยกหัวข้อที่ซับซ้อนออกเป็นส่วนที่จัดการได้ง่ายขึ้น
- **อ่านง่ายขึ้น**
  ผู้ใช้สามารถโฟกัสกับข้อมูลที่ต้องการได้โดยการขยายหรือยุบส่วนต่างๆ
- **รูปแบบคล้าย FAQ**
  หัวข้อแบบขยายได้เหมาะสำหรับการสร้างส่วนคำถามที่พบบ่อย (FAQ) ในเอกสารของคุณ

## วิธีเพิ่มหัวข้อแบบขยายได้

มีสามวิธีในการสร้างหัวข้อแบบขยายได้ใน Archbee:

- แทรกส่วนหัวจากเมนูบล็อก พิมพ์ `/` แล้วเลือกบล็อกส่วนหัว

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-Q0PhUrYs2oeDDj9AKCKFh-20240809-090345.png "เพิ่มส่วนหัวแบบขยายได้")

- แปลงส่วนหัวที่มีอยู่ให้เป็นแบบขยายได้โดยพิมพ์ `>>` ที่จุดเริ่มต้นของส่วนหัว จากนั้นกดเว้นวรรค

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/QJHESQKMx60mUR4eagec9_expandable-headings.gif "แปลงและยกเลิกการซ่อน")

- ใช้ทางลัดมาร์กดาวน์เพื่อแทรกมัน:
- `>>#` + `เว้นวรรค` สำหรับส่วนหัวแบบขยายได้ระดับ 1
- `>>##` + `เว้นวรรค` สำหรับส่วนหัวแบบขยายได้ระดับ 2 
- `>>###` + `เว้นวรรค` สำหรับส่วนหัวแบบขยายได้ระดับ 3 

หากต้องการคลี่เนื้อหาของหัวข้อแบบขยาย เพียงลบหัวข้อออก แล้วคุณจะเหลือแค่ข้อความเท่านั้น

## บล็อกที่อนุญาตสำหรับเนื้อหา

ภายในหัวข้อแบบขยาย คุณสามารถใช้**บล็อกทั้งหมด**สำหรับเนื้อหา ยกเว้นบล็อกหัวข้อแบบขยาย

***

ตัวอย่างดังต่อไปนี้:

:::ExpandableHeading{isOpen="true"}
# หัวข้อแบบขยาย 1

- คุณสามารถเพิ่มบล็อกแบบกำหนดเองใดๆ ที่มีอยู่ในตัวแก้ไขของ Archbee ได้ที่นี่
:::

:::ExpandableHeading
## หัวเรื่องขยายระดับ 2

- คุณสามารถสลับหัวเรื่องให้ขยายหรือยุบได้
:::

:::ExpandableHeading{isOpen="true"}
### หัวเรื่องขยายระดับ 3

```javascript
fetch("https://api.cakes.com", {
  "method": "GET",
  "headers": {
    "Accept": "application/json"
  }
})
.then(response => {
  console.log(response);
})
.catch(err => {
  console.error(err);
});
```
:::

***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"}  ** ค้นหาบล็อกอื่นๆ**

ค้นพบวิธีใหม่ๆ และบล็อกต่างๆ เพื่อสร้างหน้าเอกสารที่สวยงามและใช้งานได้จริง

[ดูบล็อกทั้งหมด](docId\:fvbccw7nLvGJbcHvBvBG9) 
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**  ต้องการความช่วยเหลือ?  ⬇️**

ใช้ **สีน้ำเงิน** **ไอคอนแชท **ที่มุมขวาล่าง

หรือใช้ **AI Chat** (จากช่องค้นหา) เพื่อหาคำตอบอย่างรวดเร็ว
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**   ความเห็นของคุณสำคัญ**

ใช้แบบฟอร์มแสดงความคิดเห็นด้านล่างได้ 匿名

หรือถามคำถามใน **หมวด Q\&A** แล้วทีมงานหรือ AI ของเราจะให้คำตอบแก่คุณ
:::
::::