Javascript 单击按钮时如何显示/隐藏输入类型：文本

回复按钮

<div id="replybutton" class="btn4 like" style="margin-top:-25px;margin-left:-10px;">
   <span class="btn reply" id="replyb">Reply</span> 
</div>

回复

输入字段

<div  class="col-lg-12" style="background:#eff9c7;">
    <input type="text"  id="reply" class="form-control pull-right" style="width:88%;height:25px;margin-top:-10px;" placeholder="Write a reply..." />
</div>

---

所以这里我想做的是当我重新加载页面时，输入字段应该是隐藏的，当我点击回复按钮时，它会显示出来。。当我再次单击它时，它将隐藏。。我试着在jquery上使用

toggle（）

，但问题是如果我重新加载页面，按钮就会出现，这是不对的。。我甚至试着使用

.show（）

和

.hide（）

，但我似乎遗漏了一些东西，所以在我这方面不起作用。我有没有办法让它发生，当我重新加载页面时，输入字段应该被隐藏

使用以下代码段：

记住初始状态应该是隐藏的

style=“display:none；”

回复

$（'replybutton'）。单击（函数（）{
$（'#reply'）.toggle（）
})

回复

您可以使用：

style='visibility:hidden'

或

style='display:none

'

$('#replyb').click(function() {
  $('#reply').toggle()
})

尝试使用类似于：

<script>
$(document).ready(function(){
  $('#replyb').click(function(){
    $('#reply').toggle();
  });
});
</script>

$（文档）.ready（函数（）{
$（'#replyb'）。单击（函数（）{
$（“#回复”）.toggle（）；
});
});

使用css显示：无或使用cookie，如果设置了cookie，则不显示else show。

$（函数（）{$（'#回复'）.hide（）；}）

$（“#replyb”）。在（'click'，function（）{$（“#reply”）。toggle（）；}）使用css显示：无，当页面加载其隐藏。。。。