Toggle HTML Display With JavaScript

Here's a quick JavaScript trick to control display settings. All we do is set the display of an element to none, and then use a JavaScript function to toggle the display when a user clicks something else.

Steps

1. Wrap the content you want to toggle display with in a container. Template:CodeBox
2. Insert JavaScript code to change the display. Template:CodeBox
3. Use an event handler to trigger the function. Template:CodeBox

Tips

• See examples and source code at Circlecube

Related Articles

• Make Blinking Text Without the Text Tag or JavaScript
• Create JavaScript Conditional Operators
• Use the JavaScript Confirm Function
• View Source Code
• Make a Collapsible List in HTML Without Java

See also

• Disable JavaScript
• Declare a Variable in Javascript
• Turn on Javascript in Internet Browsers
• Make a JavaScript Image Rollover
• Enable JavaScript on Your Computer
• Use JavaScript Injections
• Create JavaScript Conditional Operators
• Create a Javascript Console in Sublime Text

What links here

• Add JavaScript to Your Website Using HTML
• Make a Collapsible List in HTML Without Java
• Pair Program
• Use JavaScript Injections