Как показать форму для входа при нажатии на ссылку входа

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

Задайте свойство отображения класса формы равным нулю, как показано ниже, используя 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(); 

    }); 
});