title: Dynamically hiding a portion of a HTML table
body: <p>I have a table of data from mysql rendered on page via PHP into a HTML table. </p>
  
  <p>Within this table of data, I have a row of data that should be focussed on (let's call it) row X.</p>
  
  <p>I want the 2 rows above and below row X to be shown but all others hidden, as row X moves up and down, this would change (obviously) what was hidden, when row X is at the top/bottom I want to show 4 rows below/above.</p>
  
  <p>I have done this with static content and JQuery, I am just unsure how to track row X and then apply the class names as required</p>