Jquery实现两个span隐藏和显示

Question

我想要通过点击文本框实现该文本框所在的span隐藏，但同时显示另一个span。以下是代码，希望哪位高手指点一下，具体代码，不要说，要写出来。非常感谢！
<td colspan="5">
<span class="txt">
<asp:TextBox ID="txtBox" runat="server" CssClass="txtBox" ForeColor="gray" Width="492px">
</asp:TextBox>
</span>
<span class="input" style=" visibility:hidden;">
<table>
<tr>
<td colspan="2">
<asp:TextBox ID="txtBoxInput" runat="server" TextMode="MultiLine" Style="overflow: hidden; border-color: #EBEBEB;" onscroll="this.row++" CssClass="txtBoxInput" Width="492px" onprepertychange="this.style.posHeight=this.scrollHeight">
</asp:TextBox>
</td>
</tr>
<tr>
<td style="width: 460px;">
 
</td>
<td style="width: 32px;">
<asp:LinkButton ID="lnkbtnConfirm" runat="server">确定 </asp:LinkButton>
</td>
</tr>
</table>
</span>
</td>