toggle visibility of everything at once

1 files changed, 17 insertions, 23 deletions

diff --git a/selfpublish.sh b/selfpublish.sh
index 9865c2e..af64093 100644
--- a/selfpublish.sh
+++ b/selfpublish.sh
@@ -271,14 +271,8 @@ install_header_to_site()
 td { padding: 10px; }
 td.cmds {border: 1px solid;}
 
-#toggle_develop[type="checkbox"]:checked       ~ * .develop {display: "";}
-#toggle_develop[type="checkbox"]:not(:checked) ~ * .develop {display: none;}
-
-#toggle_browse[type="checkbox"]:checked       ~ * .browse {display: "";}
-#toggle_browse[type="checkbox"]:not(:checked) ~ * .browse {display: none;}
-
-#toggle_require[type="checkbox"]:checked       ~ * .require {display: "";}
-#toggle_require[type="checkbox"]:not(:checked) ~ * .require {display: none;}
+#toggle_expand[type="checkbox"]:checked       ~ * .expand {display: "";}
+#toggle_expand[type="checkbox"]:not(:checked) ~ * .expand {display: none;}
 
 #main {
     text-align:left;
@@ -290,9 +284,7 @@ td.cmds {border: 1px solid;}
 }
 
 </style>
-<input type=checkbox id=toggle_develop name=toggle_develop style='visibility: hidden' />
-<input type=checkbox id=toggle_browse name=toggle_browse style='visibility: hidden' />
-<input type=checkbox id=toggle_require name=toggle_require style='visibility: hidden' />
+<input type=checkbox id=toggle_expand name=toggle_expand style='visibility: hidden' />
 <table id=main>
     <tr>
         <td colspan=2 style='border: 2px solid; padding: 18px;'>
@@ -300,7 +292,9 @@ td.cmds {border: 1px solid;}
     <tr>
         <td>
         <td style='border: 1px solid; padding: 12px; text-align: center;'>
+        <label for=toggle_expand>
         <strong>Install</strong>
+        </label>
     <tr>
         <td>
         <td>
@@ -311,15 +305,15 @@ td.cmds {border: 1px solid;}
     <tr>
         <td>
         <td style='border: 1px solid; padding: 12px; text-align: center;'>
-        <label for="toggle_require">
+        <label for=toggle_expand>
         <strong>Requirements</strong>
-    <tr class=require>
+    <tr class=expand>
         <td>
         <td>
         </label>
         <td>Distribution
         <td style='border: 1px solid; padding: 12px; text-align: center;'> <a href="https://debian.org">Debian</a> GNU/Linux
-    <tr class=require>
+    <tr class=expand>
         <td>
         <td>
         <td>Version
@@ -328,10 +322,10 @@ td.cmds {border: 1px solid;}
     <tr>
         <td>
         <td style='border: 1px solid; padding: 12px; text-align: center;'>
-        <label for="toggle_browse">
+        <label for=toggle_expand>
         <strong>Browse source</strong>
         </label>
-    <tr class=browse>
+    <tr class=expand>
         <td>
         <td>
         <td style='text-align: right;'>Local: repository:
@@ -339,7 +333,7 @@ td.cmds {border: 1px solid;}
                 <a href="git/selfpublish.sh">
                 https://<!--#echo var="SERVER_NAME" -->/git/selfpublish.sh
                 </a> </div>
-    <tr class=browse>
+    <tr class=expand>
         <td>
         <td>
         <td style='text-align: right;'>Upstream repository:
@@ -347,7 +341,7 @@ td.cmds {border: 1px solid;}
                 <a href="https://git.cryptonomic.net/selfpublish.sh">
                 https://git.cryptonomic.net/selfpublish.sh/
                 </a> </div>
-    <tr class=browse>
+    <tr class=expand>
         <td>
         <td>
         <td style='text-align: right;'>Download single file:
@@ -357,27 +351,27 @@ td.cmds {border: 1px solid;}
     <tr>
         <td>
         <td style='border: 1px solid; padding: 12px; text-align: center;'>
-        <label for="toggle_develop"><strong>Develop (<a href="https://git-scm.com/">git</a>)</strong></label>
-    <tr class=develop>
+        <label for=toggle_expand><strong>Develop (<a href="https://git-scm.com/">git</a>)</strong></label>
+    <tr class=expand>
         <td>
         <td>
         <td style='text-align: right'>Clone local repository:
         <td class=cmds> <div class=cmds>
         git&nbsp;clone&nbsp;/srv/<!--#echo var="SERVER_NAME"-->/public_git/selfpublish.sh/&nbsp;&& cd&nbsp;selfpublish.sh&nbsp;&& make
-    <tr class=develop>
+    <tr class=expand>
         <td>
         <td>
         <td style='text-align: right'>Share local repository (read-only):
         <td class=cmds> <div class=cmds>
         git&nbsp;clone&nbsp;https://<!--#echo var="SERVER_NAME"-->/git/selfpublish.sh&nbsp;&& cd&nbsp;selfpublish.sh&nbsp;&& make
-    <tr class=develop>
+    <tr class=expand>
         <td>
         <td>
         <td style='text-align: right;'>To push changes upstream:
         <td class=cmds> <div class=cmds>
                 git&nbsp;clone&nbsp;d@cryptonomic.net:public_git/selfpublish.sh<br>
     </tr>
-    <tr class=develop>
+    <tr class=expand>
         <td>
         <td>
         <td style='text-align: right;'>Local git repository: