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

Question

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

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

这是我的jsfiddle的链接

这里的代码。

的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它，然后再使用它。

它可以包含在“框架和扩展”下

更新的小提琴