4c4
< <title>Parent style='display:block;' below and style='visibility:visible;' below ...</title>
---
> <title>Parent style='display:block;' below ...</title>
6,8d5
< // visibility: visible|hidden|collapse|initial|inherit; // https://www.w3schools.com/cssref/pr_class_visibility.asp 
< // display: lots of options    // https://www.w3schools.com/cssref/pr_class_display.asp
< // https://www.w3schools.com/css/css_display_visibility.asp
10c7
< var visibility = location.search.split('visibility=')[1] ? location.search.split('visibility=')[1].split('&')[0] : 'visible';
---
> 
17,19c14,15
<   var i, j, k, x, m, z;
<   if (display != "" && visibility != "") document.getElementById('myh1').innerHTML = document.getElementById('myh1').innerHTML + " ... style='display:" + display + ";visibility:" + visibility + ";' " + numx + "x" + numy + " below ...";
<   if (visibility == "") visibility = "visible";
---
>   var i, j, k, x;
>   if (display != "") document.getElementById('myh1').innerHTML = document.getElementById('myh1').innerHTML + " ... style='display:" + display + ";' " + numx + "x" + numy + " below ...";
23c19
<     document.getElementById('mydiv').innerHTML = document.getElementById('mydiv').innerHTML + "<span style='display:" + display + ";visibility:" + visibility + ";'>Nala: </span><img style='width:115px;height:153px;display:" + display + ";visibility:" + visibility + ";' src='http://www.rjmprogramming.com.au/HTMLCSS/NalaSteps.jpg' title='Nala' />";
---
>     document.getElementById('mydiv').innerHTML = document.getElementById('mydiv').innerHTML + "<span style='display:" + display + ";'>Nala: </span><img style='width:115px;height:153px;display:" + display + ";' src='http://www.rjmprogramming.com.au/HTMLCSS/NalaSteps.jpg' title='Nala' />";
29,30d24
<   var seliih=document.getElementById('visibility').innerHTML;
<   var optivals=seliih.split("value=");
32,33d25
<   var myik=Math.floor(Math.random() * eval(optivals.length - 2)) + 2;
<   for (m=2; m<optivals.length; m++) {
35c27
<      if (k == myk && m == myik) {
---
>      if (k == myk) {
37d28
<        z=optivals[m].replace("'","").replace("'","").replace('"','').replace('"','').split(">");
39,40c30
<        document.getElementById('mydiv').style.visibility = z[0];
<        document.title = "Parent style='display:" + x[0] + ";visibility:" + z[0] + ";' " + numx + "x" + numy + " below ...";
---
>        document.title = "Parent style='display:" + x[0] + ";' " + numx + "x" + numy + " below ...";
46d35
<   }
48d36
<   document.getElementById('visibility').value = visibility;
54c42
< <div align='center' id='myprediv' style='display:inline;visibility:visible;'>
---
> <div align='center' id='myprediv' style='display:inline;'>
56c44
< <form method='get' action='./styleequalsdisplay.htm'>
---
> <form method='get' action='./styleequalsdisplay.html'>
82,89d69
< <select style='background-color:yellow;' onchange='document.getElementById("submit").click();' name='visibility' id='visibility'>
< <option value=''>Please select Style = Visibility Value below ... or this for the inherited style ...</option>
< <option value='visible'>visible</option>
< <option value='hidden'>hidden</option>
< <option value='collapse'>collapse</option>
< <option value='initial'>initial</option>
< <option value='inherit'>inherit</option>
< </select>
92c72
< <div align='center' id='mydiv' style='display:block;visibility:visible;'>
---
> <div align='center' id='mydiv' style='display:block;'>