From cf2e1b85dcaa93a1d8984ad73f8a9d626896a00f Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Mon, 8 Jun 2020 14:28:13 +0300
Subject: [PATCH] Fix accordion example (#2823)

* make collapsible heading behave like a block
* remove the non-existent `panel-collapse` class
* replace the `in` class with `show`
---
 pages/UI/general.html | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/pages/UI/general.html b/pages/UI/general.html
index fb9c5775f..f8c4f28f1 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -1322,13 +1322,13 @@
                   <!-- we are adding the .class so bootstrap.js collapse plugin detects it -->
                   <div class="card card-primary">
                     <div class="card-header">
-                      <h4 class="card-title">
-                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
+                      <h4 class="card-title w-100">
+                        <a class="d-block w-100" data-toggle="collapse" href="#collapseOne">
                           Collapsible Group Item #1
                         </a>
                       </h4>
                     </div>
-                    <div id="collapseOne" class="panel-collapse collapse in">
+                    <div id="collapseOne" class="collapse show" data-parent="#accordion">
                       <div class="card-body">
                         Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
                         3
@@ -1346,13 +1346,13 @@
                   </div>
                   <div class="card card-danger">
                     <div class="card-header">
-                      <h4 class="card-title">
-                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
+                      <h4 class="card-title w-100">
+                        <a class="d-block w-100" data-toggle="collapse" href="#collapseTwo">
                           Collapsible Group Danger
                         </a>
                       </h4>
                     </div>
-                    <div id="collapseTwo" class="panel-collapse collapse">
+                    <div id="collapseTwo" class="collapse" data-parent="#accordion">
                       <div class="card-body">
                         Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
                         3
@@ -1370,13 +1370,13 @@
                   </div>
                   <div class="card card-success">
                     <div class="card-header">
-                      <h4 class="card-title">
-                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+                      <h4 class="card-title w-100">
+                        <a class="d-block w-100" data-toggle="collapse" href="#collapseThree">
                           Collapsible Group Success
                         </a>
                       </h4>
                     </div>
-                    <div id="collapseThree" class="panel-collapse collapse">
+                    <div id="collapseThree" class="collapse" data-parent="#accordion">
                       <div class="card-body">
                         Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
                         3