如何在點擊登錄鏈接時顯示登錄表單

Question

我想在鏈接上點擊完成時顯示登錄表單。我想使div的隱藏行爲「隱藏」..我該怎麼做？可能會形成默認顯示在頁面上，請幫助我。它會讓你感到滿意。

<a href="" class="signin" onclick="">Sign In</a> 

<div class="form">   
    <input type="text" value="" name="myinput" id="myinput"/> 
    <input type="submit" name="submit" value="submit"/> 
</div> 

的javascript：

$(document).ready (function() { 
    $('.signin').click(function() {  
     $('.form').show(); 
     return false; 
    }); 
}); 

Answer 1

添加風格，以 「形」 將其隱藏。

<div style="display:none;" class="form">   
    <input type="text" value="" name="myinput" id="myinput"/> 
    <input type="submit" name="submit" value="submit"/> 
</div> 

Answer 2

將表單類的display屬性設置爲none，如使用css所示。

<a href="" class="signin" onclick="">Sign In</a> 

<div class="form"> 
    <input type="text" value="" name="myinput" id="myinput"/> 
    <input type="submit" name="submit" value="submit"/> 
</div> 

CSS：

.form{ 
display:none; 
} 

的javascript：

$(document).ready (function() 
    { 

    $('.signin').click(function() 
    {  
     $('.form').show(); 
     $('.signin').hide(); 

    }); 
}); 

在CSS