From 1863bca6d2718c777ac8fa2a0440da7b006d32b9 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sun, 10 Jun 2018 08:55:26 +0800
Subject: Fix Accordion example #438

---
 docs/components.html             | 4 ++--
 docs/src/contents/accordions.pug | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'docs')

diff --git a/docs/components.html b/docs/components.html
index 04b1e04..12d07bd 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -212,7 +212,7 @@
             <pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- standard Accordions example --&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion"</span>&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"accordion-1"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"accordion-checkbox"</span> <span class="hljs-attr">hidden</span>&gt;</span>
-  <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-header"</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-header"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"accordion-1"</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"icon icon-arrow-right mr-1"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
     Title
   <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span>
@@ -224,7 +224,7 @@
 <span class="hljs-comment">&lt;!-- mutually exclusive Accordions example (with same input names) --&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion"</span>&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"accordion-1"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"accordion-radio"</span> <span class="hljs-attr">hidden</span>&gt;</span>
-  <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-header"</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-header"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"accordion-1"</span>&gt;</span>
     Title
   <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"accordion-body"</span>&gt;</span>
diff --git a/docs/src/contents/accordions.pug b/docs/src/contents/accordions.pug
index 4e6838b..964fab7 100644
--- a/docs/src/contents/accordions.pug
+++ b/docs/src/contents/accordions.pug
@@ -73,7 +73,7 @@ pre.code(data-lang='HTML')
       <!-- standard Accordions example -->
       <div class="accordion">
         <input type="checkbox" id="accordion-1" name="accordion-checkbox" hidden>
-        <label class="accordion-header">
+        <label class="accordion-header" for="accordion-1">
           <i class="icon icon-arrow-right mr-1"></i>
           Title
         </label>
@@ -85,7 +85,7 @@ pre.code(data-lang='HTML')
       <!-- mutually exclusive Accordions example (with same input names) -->
       <div class="accordion">
         <input type="radio" id="accordion-1" name="accordion-radio" hidden>
-        <label class="accordion-header">
+        <label class="accordion-header" for="accordion-1">
           Title
         </label>
         <div class="accordion-body">
-- 
cgit v1.3.1-23-gd82d