我如何在 PHP 中显示隐藏状态的文本

Question

所以我只是复制并粘贴了 w3schools 的代码 "Toggle Hide and Show"

<script>
    function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>

和

<button onclick="myFunction()">Tutorial</button>
<div id="myDIV">
    <p>Rules blablablabla.</p>
</div>

非常简单的代码，但我不擅长 javascript，我希望 div 在开始时隐藏，然后当我单击按钮时，它会显示 div . 很抱歉提出这样一个业余问题，谢谢！

Answer 1

您好，欢迎来到 Whosebug！

如果您希望首先隐藏您的代码，请将style="display:none;" 添加到您的HTML 代码中。这会在您的 HTML 元素上添加 CSS 样式。

看起来像这样

<button onclick="myFunction()">Tutorial</button>
<div id="myDIV" style="display:none">
    <p>Rules blablablabla.</p>
</div>

希望对您有所帮助！

我如何在 PHP 中显示隐藏状态的文本

How can i show text from hidden state in PHP

html

javascript

css

show

hide