title: How to do this hide all rows except one row in jQuery?
body: <p>How to hide All rows except current (clicked Row) using jQuery?</p>
  
  <p>I want to hide all rows when i click the particular row except current one row.</p>
  
  <pre><code>&lt;table&gt;
  @foreach (var item in Model)
      {
          idValue++;
  
          &lt;tr class="tableRow" id="@idValue"&gt;
              &lt;td class="master"  id="@item.Batch_Seq"&gt;
                  &lt;a href= "#" &gt;@(item.Batch_Name)&gt;&lt;/a&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  @(item.Present)
              &lt;/td&gt;
              &lt;td&gt;
                  @(item.Absent)
              &lt;/td&gt;
              &lt;td&gt;
                  @(item.HalfDay)
              &lt;/td&gt;
              &lt;td&gt;
                  @(item.Batch_count)
              &lt;/td&gt;
          &lt;/tr&gt;
  
      }
  &lt;/table&gt;
  </code></pre>
  
  <p>I tried like this</p>
  
  <pre><code>$('.tableRow').hide();
  $(this).closest('tr:not(.tableRow)').hide();
  </code></pre>
  
  <p>Could anyone help me?</p>