title: show and hide table row on click for JQUERY
body: <p>I'm working on a project in ASP and I'm not used to Javascript or Jquery</p>
  
  <p>I found some code that if I click on a row, it will change the color.</p>
  
  <p>I now want to change the display to normal when I click on a row and then hide it if I click on any other row. </p>
  
  <p>What I have so far</p>
  
  <pre><code>&lt;table id="myTable" class="tablesorter"&gt; 
  &lt;thead&gt; 
  &lt;tr&gt; 
      &lt;th&gt;INFO&lt;/th&gt; 
  &lt;/tr&gt; 
  &lt;/thead&gt; 
  &lt;tbody&gt; 
  &lt;tr onclick="changeMe(this);"&gt; 
      &lt;td&gt;INFO&lt;/td&gt; 
              &lt;tr class="versionRow" style ="display:none"&gt;
                  &lt;td&gt;INFO&lt;/td&gt;
              &lt;/tr&gt;
  &lt;/tr&gt; 
  &lt;/tbody&gt; 
  &lt;/table&gt; 
  </code></pre>
  
  <p>And my script for changing the color.</p>
  
  <pre><code>&lt;script&gt;
      var whosChanged = null;
  
      function changeMe(el) {
          el.style.backgroundColor = "#00FF00";
          el.style.color = "#000000";
  
          if (whosChanged != null) {
              whosChanged.style.backgroundColor = ""
              whosChanged.style.color = ""
          }
  
          whosChanged = el;
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I just want to be able to display the row with the class versionRow when I click on it.</p>
  
  <p>Any ideas or suggestions? Thank you.</p>