切换div应该先隐藏

Question

我正在做CRUD，并尝试使用一些Javascript / JQuery。我有“添加”按钮，如果单击该按钮，将显示div，我已经完成了这一部分，但是在单击“添加”按钮之前已经显示了div

问题：如果尚未单击div，我该如何先隐藏它？

我的视图

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

我的JS

$('#add-user').click(function(){
    $('#myDiv').toggle();   
});

Answer 1

添加您的CSS

myDiv {
  display: none;
}

这将使初始渲染隐藏div

Answer 2

仅添加显示内容，例如：

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

Answer 3

使用 JQuery 添加@ amine-ramoul和@iagowp所说的内容 尝试

$('#add-user').on('click', function(){
    $("#myDiv").show();
});

和

style="display: none"

是正确的语法。