Create accordion.html

Signed-off-by: Devin Schumacher <[email protected]>
serpcompany · Aug 25, 2024 · 18df1cd · 18df1cd
1 parent 69cafbc
commit 18df1cd
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/accordion.html b/accordion.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>jQuery UI Accordion Example</title>
+  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
+</head>
+<body>
+  <div id="accordion">
+    <h3>Section 1</h3>
+    <div>
+      <p>Content for section 1.</p>
+    </div>
+    <h3>Section 2</h3>
+    <div>
+      <p>Content for section 2.</p>
+    </div>
+    <h3>Section 3</h3>
+    <div>
+      <p>Content for section 3.</p>
+    </div>
+  </div>
+
+  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+  <script>
+    $(function() {
+      $("#accordion").accordion();
+    });
+  </script>
+</body>
+</html>