Question

Jquery实现两个span隐藏和显示

我想要通过点击文本框实现该文本框所在的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>

Answer 1

首先你要获取文本框 2个span 的id或者样式：
$(function(){
var Txt=$("文本框的样式或者id");
var Span1=$("span1的样式或者id");
var Span2=$("span2的样式或者id");
Txt.click(function(){
//点击文本框就判断文本框下的span1等于显示就隐藏span1然后显示span2
if(Span1.css("display")=="block"){
Span1.css("display“,"none");
Span2.css("display","block");
}
//如果你还要在点击就显示span1隐藏span2
else{
Span1.css("display“,"block");
Span2.css("display","none");
}
});
});