diff --git a/_components/accordion/index.md b/_components/accordion/index.md
index 2ff9d3d5..abb8f7ea 100644
--- a/_components/accordion/index.md
+++ b/_components/accordion/index.md
@@ -6,7 +6,9 @@ maturity: "new"
 
 ### 常見基本折疊選單
 
-- 預設一次僅可展開一個選單，點擊其他選單會自動關閉先前選單
+- 預設一次僅可展開一個選單，點擊其他選單會自動關閉先前選單。
+- 預設為收摺狀態，可透過自訂 CSS 修改樣式或覆寫預設變數。
+- `.accordion-body` 元素爲展開狀態下所呈現的內容。
 
 {% capture html %}{% include accordion/accordion_single.html %}{% endcapture %}
 {%
diff --git a/_includes/accordion/accordion_multiple.html b/_includes/accordion/accordion_multiple.html
index 1ae90594..83ac32f4 100644
--- a/_includes/accordion/accordion_multiple.html
+++ b/_includes/accordion/accordion_multiple.html
@@ -4,18 +4,17 @@
     <input type="checkbox" id="section1_multiple">
     <label for="section1_multiple">Accordion Item #1</label>
     <div class="accordion-body">
-      <strong>這是第一個 accordion body.</strong> 預設為關閉狀態，這些class控制整體外觀，以及透過 CSS 轉換顯示和隱藏。您可以使用自訂 CSS
-      修改其中任何內容或覆寫我們的預設變數，基本上大部分 HTML 都可以放入 <font color="darkpink">.accordion-body</font>中。
+      <strong>這是第一個 accordion body。</strong>
     </div>
   </div>
   <div class="accordion-item">
     <input type="checkbox" id="section2_multiple">
     <label for="section2_multiple">Accordion Item #2</label>
     <div class="accordion-body">
-      <strong>這是第二個 accordion body.</strong>我們嘗試使用list為範例呈現。當然您可以使用其他任何 HTML 元素，包括表格、圖片、影片等。
+      <strong>這是第二個 accordion body。</strong>
       <ul>
-        <li>第一個清單</li>
-        <li>第二個清單</li>
+        <li>第一個清單項目</li>
+        <li>第二個清單項目</li>
       </ul>
     </div>
   </div>
@@ -23,9 +22,8 @@
     <input type="checkbox" id="section3_multiple">
     <label for="section3_multiple">Accordion Item #3</label>
     <div class="accordion-body">
-      <strong>這是第三個 accordion body.</strong>我們嘗試以一段長文字進行呈現。<br />
-      網頁設計（英語：Web
-      design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。
+      <strong>這是第三個 accordion body。</strong>
+      <p>網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。</p>
     </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/_includes/accordion/accordion_single.html b/_includes/accordion/accordion_single.html
index d0b49517..10ee3b20 100644
--- a/_includes/accordion/accordion_single.html
+++ b/_includes/accordion/accordion_single.html
@@ -3,17 +3,17 @@
     <input type="checkbox" id="section1_single">
     <label for="section1_single">Accordion Item #1</label>
     <div class="accordion-body">
-      <strong>這是第一個 accordion body.</strong> 預設為關閉狀態，這些class控制整體外觀，以及透過 CSS 轉換顯示和隱藏。您可以使用自訂 CSS 修改其中任何內容或覆寫我們的預設變數，基本上大部分 HTML 都可以放入 <font color="darkpink">.accordion-body</font>中。
+      <strong>這是第一個 accordion body。</strong>
     </div>
   </div>
   <div class="accordion-item">
     <input type="checkbox" id="section2_single">
     <label for="section2_single">Accordion Item #2</label>
     <div class="accordion-body">
-      <strong>這是第二個 accordion body.</strong>我們嘗試使用list為範例呈現。當然您可以使用其他任何 HTML 元素，包括表格、圖片、影片等。
+      <strong>這是第二個 accordion body。</strong>
       <ul>
-        <li>第一個清單</li>
-        <li>第二個清單</li>
+        <li>第一個清單項目</li>
+        <li>第二個清單項目</li>
       </ul>
     </div>
   </div>
@@ -21,8 +21,8 @@
     <input type="checkbox" id="section3_single">
     <label for="section3_single">Accordion Item #3</label>
     <div class="accordion-body">
-      <strong>這是第三個 accordion body.</strong>我們嘗試以一段長文字進行呈現。<br/>
-      網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。
+      <strong>這是第三個 accordion body。</strong>
+      <p>網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。</p>
     </div>
   </div>
 </div>
diff --git a/_includes/accordion/accordion_subTitle.html b/_includes/accordion/accordion_subTitle.html
index 1317643b..cb158402 100644
--- a/_includes/accordion/accordion_subTitle.html
+++ b/_includes/accordion/accordion_subTitle.html
@@ -6,7 +6,7 @@
       <span class="sub-title">Accordion Item #1 副標題</span>
     </label>
     <div class="accordion-body">
-      <strong>這是第一個 accordion body.</strong> 預設為關閉狀態，這些class控制整體外觀，以及透過 CSS 轉換顯示和隱藏。您可以使用自訂 CSS 修改其中任何內容或覆寫我們的預設變數，基本上大部分 HTML 都可以放入 <font color="darkpink">.accordion-body</font> 中。
+      <strong>這是第一個 accordion body。</strong>
     </div>
   </div>
   <div class="accordion-item">
@@ -16,10 +16,10 @@
       <span class="sub-title">Accordion Item #2 副標題</span>
     </label>
     <div class="accordion-body">
-      <strong>這是第二個 accordion body.</strong>我們嘗試使用list為範例呈現。當然您可以使用其他任何 HTML 元素，包括表格、圖片、影片等。
+      <strong>這是第二個 accordion body。</strong>
       <ul>
-        <li>第一個清單</li>
-        <li>第二個清單</li>
+        <li>第一個清單項目</li>
+        <li>第二個清單項目</li>
       </ul>
     </div>
   </div>
@@ -30,8 +30,8 @@
       <span class="sub-title">Accordion Item #3 副標題</span>
     </label>
     <div class="accordion-body">
-      <strong>這是第三個 accordion body.</strong>我們嘗試以一段長文字進行呈現。<br/>
-      網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。
+      <strong>這是第三個 accordion body。</strong>
+      <p>網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。</p>
     </div>
   </div>
 </div>