hide conditional tags on click
<p>My html looks like this:</p>

<p>Monday, tuesday, wednesday, thursday friday saturday sunday</p>

<pre><code>&lt;a href="#Monday" id="ABC-1"&gt;Monday/a&gt;
like that for all...

and its displaying information related to all of them
&lt;table&gt;

&lt;tr id="Day-1"&gt;
    &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;    
&lt;tr class="odd"&gt;
     &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;    
&lt;tr class="even"&gt;
     &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt; 

&lt;tr id="Day-2"&gt;
    &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;     
&lt;tr class="even"&gt;
    &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;     
&lt;tr class="odd"&gt;
    &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;   
&lt;tr class="even"&gt;
 &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;

&lt;tr id="Day-3"&gt;
   &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;     
&lt;tr class="odd"&gt;
  &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt; 

&lt;tr id="Day-4"&gt;
</code></pre>

<p>.......
</p>

<pre><code>nd so on..

I want that when I click Monday it should hide all the tr tags except..

 &lt;tr id="Day-1"&gt;
    &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;    
&lt;tr class="odd"&gt;
     &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;    
&lt;tr class="even"&gt;
     &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt; 
</code></pre>

<p>(tr tags before next tr id="Day-2">)</p>

<p>and similarly when I click tuesday it should display tr id="Day-2" nd tr tags without id and hide rest of it.</p>

<p>Note: you can treat id="Day-1" is for Monday and id="Day-2 is for Tuesday and like that Day-5 is for Friday...</p>

<p>so when I am clicking Friday I want to display id=Day-5 and few tr tags below it...</p>

<pre><code>&lt;tr id="Day-5&gt;
&lt;tr class="Even"&gt;
&lt;tr class="even"&gt;    
&lt;tr class="odd"&gt;
&lt;tr class="even"&gt;
</code></pre>
