3 .red { border: 2px solid red }
4 .green { border: 2px solid green }
5 .visible { visibility: visible}
6 .invisible { visibility: hidden}
7 //.invisible:hover { visibility: visible}
8 .abstop { position: absolute; left:0; right:0; height:30px }
9 .abs { position: absolute; left:0; right:0; top:0; bottom:0 }
19 document.getElementById('24c').style.setProperty('visibility','hidden','');
20 document.getElementById('24a').removeChild(document.getElementById('24b'));
23 document.getElementById('25c').style.setProperty('visibility','hidden','');
24 document.getElementById('25a').removeChild(document.getElementById('25b'));
27 document.getElementById('26c').style.setProperty('visibility','hidden','');
28 document.getElementById('26a').removeChild(document.getElementById('26b'));
29 setTimeout(dotest2,20);
36 //document.getElementById('23').style.setProperty('visibility','hidden','');
41 <body onload="setTimeout(dotest,20)">
43 24 green box with word ok:
44 <div id="24a" class="invisible abstop red">
45 <div class="abs invisible red">
48 <div id="24b" class="abs invisible red">
50 <div id="24c" class="visible red">
52 <div class="visible green">
58 25 green box with word ok:
59 <div id="25a" class="invisible abstop red">
60 <div class="invisible red">
62 <div class="abs invisible red">
64 <div id="25b" class="abs invisible red">
67 <div id="25c" class="visible red">
69 <div class="visible green">
75 26 green box with word ok:
76 <div id="26a" class="invisible abstop red">
77 <div class="invisible red">
80 <div class="abs invisible red">
83 <div id="26b" class="abs invisible red">
86 <div id="26c" class="visible red">
88 <div class="visible green">