StMartinsIsland Posted June 8, 2020 Share Posted June 8, 2020 I read, with great interest, about using a button to show and hide text here. However, I have several blocks of text for which I would like a button to toggle show/hide but would prefer not to duplicate the same function several times. I would like to pass the div ID as a parameter so that multiple buttons may use the same function to show/hide the text associated with each button. I tried the following code but it does not work. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #myDIV { width: 100%; padding: 50px 0; text-align: center; background-color: lightblue; margin-top: 20px; } </style> </head> <body> <p>Click the "Try it" button to toggle between hiding and showing the DIV element:</p> <button onclick="myFunction('myDIV')">Try it</button> <div id="myDIV"> This is my DIV element. </div> <p><b>Note:</b> The element will not take up any space when the display property set to "none".</p> <script> function myFunction(myDiv) { var x = document.getElementById(myDIV); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> </body> </html> Link to comment Share on other sites More sharing options...
dsonesuk Posted June 8, 2020 Share Posted June 8, 2020 The parameter from function is myDiv, but! you refer to myDIV in .getElementById(), it is case sensitive so the one referred to is not declared, recognised, and defined in this situation. Link to comment Share on other sites More sharing options...
StMartinsIsland Posted June 9, 2020 Author Share Posted June 9, 2020 That was it! Sorry about that. Thanks very much for your help. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now