jquery add remove tr from table after click in every td and passing data

Question

Hi, i've a table with more tr and td :

<table>
<tr>
 <td><a href='1.htm'> 1 </a></td>
 <td><a href='2.htm'> 2 </a></td>
 <td><a href='3.htm'> 3 </a></td>
</tr>
<tr>
 <td><a href='4.htm'> 4 </a></td>
 <td><a href='5.htm'> 5 </a></td>
 <td><a href='6.htm'> 6 </a></td>
</tr>

When user clicks on first td with href=1.htm a new tr after must be created . In this, a callback Ajax content load. When user click on third td , the previous tr must be replaced (hidden) with a new content loaded with Ajax and so on.

Thanks !
p.s. sorry for my bad English

Answer 1

To me, it sounds like what you need is the jQuery UI tabs widget.

Answer 2

yes is possible, but the panes of tabs must be show in a new tr after the last td click. How i can this?