Create dropped-text.html

neerajrekwar · Jan 18, 2024 · 883d8cd · 883d8cd
1 parent 6fc8294
commit 883d8cd
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/dropped-text.html b/dropped-text.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
+    #dropdown-text {
+      display: none;
+    }
+  </style>
+  <title>Auto Dropped Down Text</title>
+</head>
+<body>
+
+<button onclick="toggleDropdown()">Toggle Text</button>
+<div id="dropdown-text">
+  <p>This is the dropped down text.</p>
+</div>
+
+<script>
+  function toggleDropdown() {
+    var dropdownText = document.getElementById("dropdown-text");
+    dropdownText.style.display = (dropdownText.style.display === "none") ? "block" : "none";
+  }
+</script>
+
+</body>
+</html>