javascript - 程序启动时无法获取隐藏选项

我正在寻找一种在程序启动时隐藏div元素的方法，并且在该程序中单击按钮（更改日志）时，它应该显示Div元素。
我首先要隐藏div元素，当单击按钮时，它应该显示div元素。

function ChangeLog(){

       if (document.getElementById('divChangeLog').style.display ===
            "none")
      {
         document.getElementById('divChangeLog').style.display = "block";
    }
      else {
        document.getElementById('divChangeLog').style.display = "none";
   }

  }

最佳答案

好的，只是使用js（jQuery），首先用.hide()（或.toggle(false)）隐藏元素，然后单击按钮时用.toggle()切换可见性。

const $changeLog = $('#divChangeLog');
$changeLog.hide();
const $button = $('#change');
$button.click(function() {
  $changeLog.toggle();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id="change">Change visibility</button>
<div id="divChangeLog">
  <p>Hello World</p>
</div>