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。

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

下

Updated Fiddle

我如何使用onClick，load，show来加载div

1 个答案: