Javascript 在java jsp文件中隐藏HTML文本

因此，我有一个JavaJSP文件，在它里面我想使用HTML，以便使一个特定的字符串/文本被隐藏，直到按下按钮/链接，然后它显示出来。我该怎么做

Javascript似乎不起作用。我尝试了以下方法，但无效：

<div style="display: none;" id="hiddenText">This is hidden</div>
<a href="#" onclick="document.getElementById('hiddenText').style.display="block"; return false;">Click here to see hidden text.</a>

这是隐藏的

双引号用作“onclick”属性值的分隔符，因此，如果要

style.display=“block”然后您必须使用单引号：
style.display='block'

<div style="display: none;" id="hiddenText">This is hidden</div>
<a href="#" onclick="document.getElementById('hiddenText').style.display='block'; return false;">Click here to see hidden text.</a>

这是隐藏的

希望这有帮助
试试这个：

onclick="javascript://document.getElementById('hiddenText').style.display='block'; return false;"

引号是错误的，在块字之后

HTML:

这是隐藏的
功能切换（id）{
var元素=document.geElementById（id）；
if（'none'==element.style.display）{
element.style.display='block'；
}否则{
element.style.display='none'；
}
返回false；
}

或者，如果您使用jQuery：

  <div style="display: none;" id="hiddenText">This is hidden</div>
  <a href="#" id="toggler">Click here to see hidden text.</a>

  <script tyle="text/javascript">
       $(function(){
            $('#toggler').click(function(e){
                e.preventDefault();
                $('#hiddenText').toggle();
            });
       });
  </script>

这是隐藏的
$（函数（）{
$（“#切换器”）。单击（函数（e）{
e、 预防默认值（）；
$（'#hiddenText'）.toggle（）；
});
});
这让它起作用了！谢谢但是，链接仍然显示在现在显示的文本下面。有没有一种方法可以在文本显示后消除这种情况（或者反复单击文本可以使文本出现/消失）？
  <div style="display: none;" id="hiddenText">This is hidden</div>
  <a href="#" id="toggler">Click here to see hidden text.</a>

  <script tyle="text/javascript">
       $(function(){
            $('#toggler').click(function(e){
                e.preventDefault();
                $('#hiddenText').toggle();
            });
       });
  </script>