<html class="reftest-wait"> <head> <title>FF3 Test</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> td { border: 1px solid; vertical-align: top; } </style> <script type="text/javascript" language="JavaScript"> /** * Display the element 'idShow' and hide the element 'idHide'. * * @param idShow the id of the element to show. * @param idHide the id of the element to hide. */ toggleElements = function(idShow, idHide) { var elementHide = document.getElementById(idHide); var elementShow = document.getElementById(idShow); if (elementHide && elementShow) { elementHide.style.display = 'none'; elementShow.style.display = ''; } } function doTest() { toggleElements('B', 'A'); document.documentElement.removeAttribute("class"); } window.addEventListener("MozReftestInvalidate", doTest, false); </script> </head> <body> <table id="pp_owned" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr > <td >Column 1</td> <td >Column 2</td> </tr> <tr> <td > hello </td> <td > <span id="A"> Click me! </span> <span id="B" style="display: none;" > Now I am<br /> higher.<br /> Click me<br /> Again! </span> </td> </tr> </tbody> </table> </body> </html>