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,你的代码在"慢"之后有一个逗号