title: How can I implement show() hide() function using jQuery in Codeigniter based on onclick of button in a table?
body: <p>I need to have it so extra information pops up onclick and is otherwise hidden. I have tried using show() and hide() but I am unsure of what I am doing. Thanks guys, Kieran   </p>
  
  <h2>View:</h2>
  
  <pre><code>&lt;table class="table table-striped"&gt;
      &lt;thead&gt;
          &lt;tr&gt;&lt;th&gt;Last name&lt;/th&gt;&lt;th&gt;First name&lt;/th&gt;&lt;th&gt;Practice&lt;/th&gt;&lt;th&gt;County&lt;/th&gt;&lt;th&gt;Email&lt;/th&gt;&lt;th&gt;&lt;/th&gt;&lt;/tr&gt;
      &lt;/thead&gt;
  
      &lt;tbody&gt;
          &lt;?php foreach ($health_professional as $hp): ?&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;?php echo $hp['last_name'] ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?php echo $hp['first_name'] ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?php echo $hp['practice'] ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?php echo $hp['county'] ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?php echo $hp['email'] ?&gt;&lt;/td&gt;
  
  
              &lt;td&gt;&lt;a class="btn btn-info" href="hp/view/&lt;?php echo $hp['hpid'];?&gt;"&gt;Expand&lt;/a&gt;&lt;/td&gt;
  
              &lt;/tr&gt;
              &lt;thead&gt;
          &lt;tr&gt;&lt;th&gt;Permission to send info?&lt;/th&gt;&lt;th&gt;Registered&lt;/th&gt;&lt;th&gt;Attendance&lt;/th&gt;&lt;th&gt;Date of last update&lt;/th&gt;&lt;/tr&gt;
      &lt;/thead&gt;
              &lt;tr id ="trid"&gt;
              &lt;td&gt;&lt;?php echo $hp['send_info']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $registration_count; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $attendance_count; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $hp['send_info_last_update']; ?&gt;&lt;/td&gt;                
              &lt;/tr&gt;
          &lt;?php endforeach ?&gt;
      &lt;/tbody&gt;
  
  &lt;/table&gt;  
  </code></pre>