JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<div class="btn-group btn-group-justified">
 <a href="#" class="btn btn-default" id="btnleft">Вход</a>
 <a href="#" class="btn btn-default" id="btnright">Регистрация</a>
</div>

<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5" id="login-welcome-form">
здесь форма входа
</div>

<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" id="register-welcome-form" style="display:none;">
здесь форма регистраций
</div>

JavaScript

var loginForm=$("#login-welcome-form");
var registerForm=$("#register-welcome-form");

$("#btnleft").click(function(){
    loginForm.show();
    registerForm.hide();
    return false;
});

$("#btnright").click(function(){
    loginForm.hide();
    registerForm.show();
    return false;
});

/*
var loginForm=document.getElementById("login-welcome-form");
var registerForm=document.getElementById("register-welcome-form");

document.getElementById("btnleft").onclick=function(){
    loginForm.style.display="block";
    registerForm.style.display="none";
    return false;
};

document.getElementById("btnright").onclick=function(){
    loginForm.style.display="none";
    registerForm.style.display="block";
    return false;
};
*/