我有两个 div,我希望在单击链接时能够替换它们。现在我可以在页面加载时隐藏登录 div,当我点击登录链接时,登录 div 可以再次显示。但是,我的问题是 normaldisplay div 不会消失。两个 div 现在都显示在我的页面上。我该如何解决?提前致谢。
这是html:
<div id="normaldisplay"><a href="#" id="signinlink">Sign In</a></div>
<div id="signedin">
Username: <input type="text" name="username" size="10">
Password: <input type="password" name="pwd" size="10">
<a href="#" id="signinlink2">Sign Me In</a>
</div>
这是Jquery
$(document).ready(function(){
// Hide div 2 by default
$('#signedin').hide();
$('#signinlink').click(function(){
$('normaldisplay').hide();
$('#signedin').show();
});
$('signinlink2').click(function(){
$('#signedin').hide();
$('#normaldisplay').show();
});
});