Update index.html

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>