From d03c4a2cb48a6f755ed10b27a6fe99a7710add5b Mon Sep 17 00:00:00 2001
From: Keshav Singh <keshavsingh4522@gmail.com>
Date: Mon, 1 Jan 2024 15:29:36 +0530
Subject: [PATCH] Update index.html

---
 index.html | 41 +++++++++++++++++++++++++++++++++--------
 1 file changed, 33 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 68f8d89..b8743d6 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,35 @@
-<div id="markdown-content"></div>
-<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<button class="accordion">Section 1</button>
+<div class="panel">
+  <p>Lorem ipsum...</p>
+</div>
+
+<button class="accordion">Section 2</button>
+<div class="panel">
+  <p>Lorem ipsum...</p>
+</div>
+
+<button class="accordion">Section 3</button>
+<div class="panel">
+  <p>Lorem ipsum...</p>
+</div> 
+
 <script>
-  fetch('https://raw.githubusercontent.com/wiki/keshavsingh4522/BasicConcept/GOF_Design_Pattern/Creational/Abstract.md')
-    .then(response => response.text())
-    .then(text => {
-      document.getElementById('markdown-content').innerHTML = marked(text);
-    })
-    .catch(err => console.error(err));
+  var acc = document.getElementsByClassName("accordion");
+var i;
+
+for (i = 0; i < acc.length; i++) {
+  acc[i].addEventListener("click", function() {
+    /* Toggle between adding and removing the "active" class,
+    to highlight the button that controls the panel */
+    this.classList.toggle("active");
+
+    /* Toggle between hiding and showing the active panel */
+    var panel = this.nextElementSibling;
+    if (panel.style.display === "block") {
+      panel.style.display = "none";
+    } else {
+      panel.style.display = "block";
+    }
+  });
+} 
 </script>