DETAILS\/DT\/DD<\/title>\n <style type=\"text\/css\">\n details {color: green;}\n dd {color: red;}\n <\/style>\n <script>\n document.createElement(\"details\");\n <\/script>\n<\/head>\n<body>\n <p>A paragraph.<\/p>\n\n <details>\n <dt>This is the legend of a <code>details<\/code> element.<\/dt>\n <dd>This is the content.<\/dd>\n <\/details>\n\n <p>A paragraph that shouldn't be red.<\/p>\n\n <details>\n <dt>This is the legend of a <code>details<\/code> element.<\/dt>\n <dd>This is the content.<\/dd>\n <\/details>\n \n <p>Contents of first <dd>: <span id=\"debug\"><\/span>\n <\/p>\n <script>\n document.getElementById('debug').innerHTML = document.getElementsByTagName('dd')[0].innerHTML;\n <\/script>\n<\/body>\n<\/html>", javascript : "if (document.getElementById('hello')) {\n document.getElementById('hello').innerHTML = 'Hello World - this was inserted using JavaScript';\n}\n" };