block-sibling-3-dyn.html (672B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 #sibling1 { 6 height: 20px; 7 background-color: green; 8 margin-bottom: 10px; 9 } 10 #sibling2 { 11 height: 20px; 12 background-color: green; 13 margin-top: 20px; 14 margin-bottom: 20px; 15 } 16 #sibling3 { 17 height: 20px; 18 background-color: green; 19 margin-top: 20px; 20 } 21 </style> 22 <script type="text/javascript"> 23 function test() { 24 document.getElementById('sibling2').style.display = 'none'; 25 document.documentElement.removeAttribute('class'); 26 } 27 document.addEventListener('MozReftestInvalidate', test); 28 </script> 29 </head> 30 <body> 31 <div id="sibling1"></div> 32 <div id="sibling2"></div> 33 <div id="sibling3"></div> 34 </body> 35 </html>