如何使用onClick，加载，显示加载div

Question

我一直在尝试JS做一个按钮切换，显示，隐藏文本。

我有两个按钮，注册和登录。当单击登录时，注册将隐藏，反之亦然。

这是我的小提琴的链接

这里的密码..。

HTML

<button id="btn1">Login</button>
<button id="btn2">Sign Up</button>

    <div id="login">
        <h4>Login</h4>
    </div>


    <div id="register">
         <h4>Register</h4>
    </div>

JS

$("#btn2").on('click', function() {
   $("#register").show();
   $("#login").hide();
});

$("#btn1").on('click', function() {
   $("#login").show();
   $("#register").hide();
});

CSS

#register {
    display: none;
}

好像不管用..。寄存器显示为无，因为我想使登录显示为默认。

Answer 1

在使用jQuery之前，您需要首先包括它。

它可以包括在“框架和扩展”之下。

更新Fiddle