doc_treeupdate_visibility.html (2170B)
1 <html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>Tree Update Visibility Test</title> 5 </head> 6 <body id="body"> 7 <!-- hide parent while child stays visible --> 8 <div id="t1_container"> 9 <div id="t1_parent"> 10 <div id="t1_child" style="visibility: visible">text</div> 11 </div> 12 </div> 13 14 <!-- hide grandparent while its children stay visible --> 15 <div id="t2_container"> 16 <div id="t2_grandparent"> 17 <div id="t2_parent"> 18 <div id="t2_child" style="visibility: visible">text</div> 19 <div id="t2_child2" style="visibility: visible">text</div> 20 </div> 21 </div> 22 </div> 23 24 <!-- change container style, hide parents while their children stay visible --> 25 <div id="t3_container"> 26 <div id="t3_parent"> 27 <div id="t3_child" style="visibility: visible">text</div> 28 </div> 29 <div id="t3_parent2"> 30 <div id="t3_child2" style="visibility: visible">text</div> 31 </div> 32 </div> 33 34 <!-- change container style, show child inside the table --> 35 <div id="t4_container"> 36 <table> 37 <tr> 38 <td id="t4_parent"> 39 <div id="t4_child" style="visibility: hidden;">text</div> 40 </td> 41 </tr> 42 </table> 43 </div> 44 45 <!-- hide subcontainer while child inside the table stays visible --> 46 <div id="t5_container"> 47 <div id="t5_subcontainer"> 48 <table> 49 <tr> 50 <td> 51 <div id="t5_child" style="visibility: visible;">text</div> 52 </td> 53 </tr> 54 </table> 55 </div> 56 </div> 57 58 <!-- hide subcontainer while its child and child inside the nested table stays visible --> 59 <div id="t6_container"> 60 <div id="t6_subcontainer"> 61 <table> 62 <tr> 63 <td> 64 <table> 65 <tr> 66 <td> 67 <div id="t6_child" style="visibility: visible;">text</div> 68 </td> 69 </tr> 70 </table> 71 </td> 72 </tr> 73 </table> 74 <div id="t6_child2" style="visibility: visible">text</div> 75 </div> 76 </div> 77 </body> 78 </html>