Javascript Jquery隐藏显示似乎无法正常工作

假设我有一个这样的部门：

<div class="box-body">
   <a href="#" id="hideshow">Hide</a></br>
   <div id="message">
      <p>password: <input type="password" name="blog_pass"></p>
    </div>
</div>

但现在的问题是，它甚至不起作用。我的意思是控制台上没有出现错误，甚至链接

Hide

也没有显示出来

---

那么你对这个有什么想法。。。如何修复此问题？

您可以使用一个类，例如，

hidePwd

来切换它以进行隐藏/显示操作：

$（'hideshow'）。单击（函数（）{
var newText=$（'#hideshow'）.text（）.trim（）==='Hide'？'Show'：'Hide'；
$（'#hideshow'）.text（newText）；
$（'#message'）。切换（'hidePwd'）；
});
.hidePwd{
显示：无；
}



密码：

。您不需要使用：$（'#message'）.hide（）；所以删除隐藏和显示功能。你错了。您应该使用like:
切换（持续时间、函数）
另一个duplicate@satpal请随意投票以dup结束
$('#hideshow').toggle(function(){
    $('#hideshow').text('Show');
    $('#message').hide();
}, function(){
    $('#hideshow').text('Hide');
    $('#message').show();
});