title: Colspan from table doesn't work correctly
body: <p>I have an HTML table, where if you click on the “<code>&lt;?php echo $row["title"]; ?&gt;</code>“, for each row, it will display the exercise text corresponding to that title.</p>
  
  <p>This is working fine, it toggles correctly but I don’t know why the  doesn’t work. The title only displays in one of the columns, but I would like to display on the 3 of them. Below I post a picture with what I get.</p>
  
  <p>Can you help me solve this?</p>
  
  <p><a href="https://i.stack.imgur.com/LQTB2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LQTB2.png" alt="enter image description here"></a></p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;tr&gt;
              &lt;td&gt;&lt;?php echo $num_ex; ?&gt;&lt;/td&gt; 
  
              &lt;!---Click Toggle Exercise--&gt;
              &lt;td&gt;&lt;a  onclick="myFunction(&lt;?php echo $row["exercise_id"] ?&gt;)" role="button" class="btn" target="_blank" &gt;&lt;?php echo $row["title"]; ?&gt;&lt;/a&gt;
                  &lt;/td&gt;
  
              &lt;td&gt;&lt;?php echo $row["difficulty"]; ?&gt;&lt;/td&gt;
  
  &lt;/tr&gt;
  
  &lt;!--- Toggle ---&gt;
  &lt;tr id="toggle&lt;?php echo $row["exercise_id"] ?&gt;"  style="display:none"&gt;
  
      &lt;td colspan="3"&gt; &lt;!---THIS COLSPAN IS NOT WORKING--&gt;
  
              &lt;?php
              $sql = "SELECT * FROM exercises WHERE exercise_id='".$row["exercise_id"]."'";
              $result_ej = $conn-&gt;query($sql); /*Check connection*/
              $row_ej = $result_ej-&gt;fetch_assoc();
              ?&gt;
  
              &lt;p&gt;&lt;?php echo $row["exercise_id"] . ". " . $row["text"]?&gt;&lt;/p&gt;
  
   &lt;/td&gt;
   &lt;/tr&gt;&lt;!---Finish Toggle ---&gt;
  </code></pre>
  
  <p>This is my script:</p>
  
  <pre><code>  &lt;script&gt;
          function myFunction(ejer_id) {
              var x = document.getElementById("toggle" + ejer_id);
              if (x.style.display === "none") {
                  x.style.display = "block";
              } else {
                  x.style.display = "none";
              }
          }
      &lt;/script&gt;
  </code></pre>