| <head> | |
| <style> | |
| a { color: green; } | |
| </style> | |
| </head> | |
| <body> | |
| <script> | |
| function toggle(id) | |
| { | |
| var node = document.getElementById(id); | |
| node.style.display == 'none' ? node.style.display = 'block' : node.style.display = 'none'; | |
| } | |
| </script> | |
| <div style="border:2px solid red"><a onclick="toggle('first');">First</a><span id="first" style="display:none"> | |
| First Content. | |
| </span><a onclick="toggle('second');">Second</a><span id="second" style="display:none"> | |
| Second Content. | |
| </span><a onclick="toggle('third');">Third</a><span id="third" style="display:none"> | |
| Third Content.<a onclick="toggle('crashme');"> Crash Me</a><span id="crashme" style="display:none"> | |
| You win! | |
| </span></div> |