JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<p class="message">Not registered? <a onclick="look('create'); return false;" href="#">Create an account</a></p>
<p class="message">Already registered? <a onclick="look('sign'); return false;" href="#">Sign In</a></p>
 
<div class="create" style="display:none">
    <form class="register-form">
      <input type="text" placeholder="name"/>
      <input type="password" placeholder="password"/>
      <input type="text" placeholder="email address"/>
      <button>create</button>      
    </form>
</div>
<div class="sign" style="display:none">
    <form class="login-form">
      <input type="text" placeholder="username"/>
      <input type="password" placeholder="password"/>
      <button>login</button>      
    </form>
</div>
<script>
  function look(elemId) {
    $('.'+elemId).toggle();
    $('div').not('.'+elemId).hide();
  }
</script>