Question

我有两个div，我希望能够在点击链接时替换它们。现在我可以在页面加载时隐藏signedin div，当我点击登录链接时，signedin div可以显示agian。但是，我的问题是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();
  }); 
});

Answer 1

您在#的调用中似乎缺少$('normaldisplay').hide();（恰好是jQuery id选择器运算符）。试试$('#normaldisplay').hide()

未成功隐藏div

1 个答案: