注册和登录表单相互之间如何隐藏一个,但当我点击登录或注册按钮时它会告诉我这种形式,我试过visibility:hidden;
和display:none;
,但是当我点击表单按钮时,它没有显示我。表单相互隐藏,默认情况下隐藏一个,点击html时可见css
#toregister:target ~ #wrapper #register,
#tologin:target ~ #wrapper #login {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-o-animation-delay: .1s;
-ms-animation-delay: .1s;
animation-delay: .1s;
}
#toregister:target ~ #wrapper #login,
#tologin:target ~ #wrapper #register {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-ms-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
.animate {
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-o-animation-duration: 1s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
-ms-animation-duration: 1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: 1s;
animation-timing-function: ease;
animation-fill-mode: both;
}
<div id="container_demo">
<a class="hiddenanchor" id="tologin"></a>
<a class="hiddenanchor" id="toregister"></a>
<div id="wrapper">
<div id="login" class="animate form">
<h2>Sign In</h2>
<form action="#" autocomplete="on" method="post">
<label>E-mail</label>
<input type="text" Name="Userame" required="">
<label>Password</label>
<input type="password" Name="Password" required="">
<div class="send-button">
<p><a href="account/reset.php" class="to_register">Forgot Password?</a>
</p>
<form>
<input type="submit" value="SIGN IN">
</form>
<div class="clear"></div>
</div>
<p class="change_link">
Don't have an account? <a href="#toregister" class="to_register">Sign Up!</a>
</p>
<div class="clear"></div>
</form>
<div class="clear"></div>
</div>
<div id="register" class="animate form">
<h2>Sign up</h2>
<form action="#" autocomplete="on" method="post">
<form action="#" method="post">
<label>UserName</label>
<input type="text" class="name" Name="Name" required="">
<label>E-mail</label>
<input type="text" Name="Email" required="">
<label>Password</label>
<input type="password" Name="Password" required="">
<div class="send-button">
<form action="#" method="post">
<input type="submit" value="SIGN UP">
</form>
</div>
</form>
<p class="change_link">
Already a member? <a href="#tologin" class="to_register">Sign In</a>
</p>
<div class="clear"></div>
</form>
</div>
</div>
</div>
你试过$( 'yourSignInForm ')。隐藏()$('。yourSignUpForm')。秀(),反之亦然? – Barudar