Ce jQuery bascule () code> fonction fonctionne bien. Quelle est la bonne pratique pour faire la même chose à Vanilla JavaScript (ES6 préféré)? $("#sign_up_btn").click(function(e) {
$(signUpForm).toggle("hide");
$(loginForm).toggle("hide");
});
$("#login_btn").click(function(e) {
$(signUpForm).toggle("hide");
$(loginForm).toggle("hide");
});
4 Réponses :
Vous pouvez faire de cette façon.
p>
<p> <a class="toggle" href="#example">Toggle Div</a> </p> <div class="toggle-content" id="example"> Here's some text we want to toggle visibility of. Let's do it! </div>
Font: Gomakethings.com/...
Si Signupform et loginform sont alors des identifiants, vous pouvez essayer ce qui suit:
La classe peut être basculé de manière nativement via element.classlist.toggle code> : p>
p>
<button id="sign_up_btn">toggle</button> <div class="content">Toggle this content</div>
Vous pouvez faire quelque chose comme ceci:
p>
<input type="button" id="sign_up_btn" value="Sign up" />
<div id="signUpForm">Sign up form</div>
<div id="loginForm">Log in form</div>