rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"> <title>Help</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="copyright" content="Copyright © 2007 MKB"> <meta name="author" content="MKB"> <script type="text/javascript"> function changeB (id) { document.getElementById(id).style.display = "block"; } function changeN (id) { document.getElementById(id).style.display = "none"; } </script> <!-- We hide the text with JavaScript so that if the user does not have JS they can still see the text. --> <body onload="changeN('text1');changeN('text2');changeN('text3');"> <h1>Help</h1> <form action="#"> <p> <select> <optgroup label="Please select what you would like to view:"> <option onclick="changeB('text1');changeN('text2');changeN('text3');">Text 1 <option onclick="changeN('text1');changeB('text2');changeN('text3');">Text 2 <option onclick="changeN('text1');changeN('text2');changeB('text3');">Text 3 </optgroup> </select> </p> <p id="text1">This is text 1. <p id="text2">This is text 2. <p id="text3">This is text 3. </form> <p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Strict"></a>