リンクをクリックしたときにそれらを置き換えることができるようにしたい2つのdivがあります。これで、ページが読み込まれたときにsignedin divを非表示にでき、sign inリンクをクリックすると、signedindivがagianに表示されるようになりました。ただし、私の問題は、normaldisplaydivが消えないことです。現在、両方の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();
});
});