Javascript Toggle div应该首先隐藏

我正在做一个CRUD并尝试使用一些Javascript/JQuery。我有一个按钮“Add”，如果点击它，就会显示div，我已经完成了这部分，但是在点击Add按钮之前，div已经显示出来了

问题：如果尚未单击div，如何隐藏它

我的观点

<button class="btn btn-success" id="add-user">Add</button>
  <div id="myDiv">
    <form id="my-form">
      ...
    </form>
  </div>

加入你的css

myDiv {
  display: none;
}

这将使初始渲染隐藏您的div

添加到css中

myDiv {
  display: none;
}

---

这将使初始渲染隐藏您的div

只需添加显示无，如下所示：

<div id="myDiv" style="display:none">
    <form id="my-form">
      ...
    </form>
  </div>

...

只需添加如下显示：

<div id="myDiv" style="display:none">
    <form id="my-form">
      ...
    </form>
  </div>

...

使用JQuery添加@amine ramoul&@iagowp所说的内容 试一试

及

---

是正确的语法。

添加到@amine ramoul&@iagowp所说的内容中，使用JQuery 试一试

及

---

是正确的语法。

您可以将

style=“display:none”

作为属性添加到

中。或者更好的方法是创建一个CSS助手类，如

。默认隐藏
，并使用它。看起来您正在使用引导。如果您使用的是Bootstrap 4，那么它有一个实用程序类
d-none
，您可以利用它。所以必须将它放在我的div中？我认为它只是一个可选的..嗯，
toggle（）
与当前的display属性正好相反，所以如果希望它第一次显示，就必须从隐藏元素开始。你可以用JavaScript隐藏它，但当它在页面加载时绘制和隐藏它时，屏幕会闪烁。我也看到了隐藏和显示功能，我应该在什么时候使用隐藏/显示和切换？你可以在
上添加
style=“display:none”
作为属性。或者更好的方法是创建一个CSS助手类，如
。默认隐藏
，并使用它。看起来您正在使用引导。如果您使用的是Bootstrap 4，那么它有一个实用程序类
d-none
，您可以利用它。所以必须将它放在我的div中？我认为它只是一个可选的..嗯，
toggle（）
与当前的display属性正好相反，所以如果希望它第一次显示，就必须从隐藏元素开始。你可以用JavaScript隐藏它，但当它在页面加载时绘制和隐藏它时，屏幕会闪烁。我也看到了隐藏和显示功能，我应该在什么时候使用隐藏/显示和切换？所以必须将它放在我的div中？我认为这只是一个选项，不是强制性的，还有其他的方法。您可以调用
$（'#myDiv'）。toggle（）当代码第一次呈现时，您可以用另一种方式在css上隐藏它，您可以添加另一个类来隐藏它。有很多选择，所以必须把它放在我的div中？我认为这只是一个选项，不是强制性的，还有其他的方法。您可以调用
$（'#myDiv'）。toggle（）当代码第一次呈现时，您可以用另一种方式在css上隐藏它，您可以添加另一个类来隐藏它。有许多选项何时使用显示/隐藏和切换？使用“显示/隐藏”切换是否有任何优势？显示/隐藏是明确的。切换完全依赖于当前状态。何时应使用显示/隐藏和切换？使用“显示/隐藏”切换是否有任何优势？显示/隐藏是明确的。切换完全依赖于当前状态。
style="display: none"