javascript - Div 没有切换 html 按钮

Question

JSFiddle

我希望在加载页面时隐藏 div，然后当您单击按钮时它会显示在页面上。但由于某些原因，它的表现真的很奇怪。我该怎么办？

HTML:

<p>Don't have an Employee Number?</p> <button id="namebutton">Click Here</button>
<div id="names">
<br>
<p>First name:</p>  <input type="text" name="firstname">
<br><br>
<p>Last name:</p>  <input type="text" name="lastname">
</div>

这是我的javascript:

 $(document).ready(function(){
  $("#namebutton").click(function(){
    $("#names").slideToggle("slow");
  });
});

CSS:

#names{
display: none;
}

Answer 1

您的 JSfiddle 没有包含 jQuery，并且您的代码在“慢”之后有一个逗号