Select an option Option 1 Option 2 Option 3 .content { display: none; /* Hide all content by default */ } h2 { color: #333; } function toggleContent() { // Get the selected value from the dropdown var selectedValue = document.getElementById("myDropdown").value; // Hide all content sections by default var allContent = document.querySelectorAll(".content"); allContent.forEach(function(content) { content.style.display = "none"; }); // Show the content based on the selected value if (selectedValue) { var selectedContent = document.getElementById(selectedValue + "Content"); if (selectedContent) { selectedContent.style.display = "block"; } } }