jquery滑下登錄菜單不工作

Question

我需要爲我的登錄屏幕創建一個滑動下拉菜單。 這是我有的代碼，但它不起作用。

的Jquery：

$('document').ready(function() 
{ 
    $('#login').click(function() 
    { 
     $('form').slideDown(); 
    }); 
}); 

HTML：

<div id="login"> 
<p id="open">Login</p> 
<form> 
    <p> 
     <label for="username">Username:</label> 
     <input type="text" name="username" id="username"> 
    </p> 
    <p> 
     <label for="password">Password: </label> 
     <input type="text" name="password" id="password"> 
    </p> 
    <p> 
     <input type="submit" name="button" id="button" value="Submit" > 
    </p> 
</form> 
</div> 

上的#open你需要打開點擊

Answer 1

形式：

爲增加顯示：沒有在表格第一

併爲#open創建點擊事件，並在該事件中切換窗體：

HTML：

<div id="login"> 
    <p id="open">Login</p> 
    <form style="display:none;"> 
     <p> 
      <label for="username">Username:</label> 
      <input type="text" name="username" id="username"> 
     </p> 
     <p> 
      <label for="password">Password: </label> 
      <input type="text" name="password" id="password"> 
     </p> 
     <p> 
      <input type="submit" name="button" id="button" value="Submit" > 
     </p> 
    </form> 
</div> 

jQuery的

$(document).ready(function() { 
    $('#open').click(function() 
    { 
     $('form').slideDown(); 
    }); 
});