как мне использовать onClick, load, show для загрузки div

#javascript #html #onclick

#javascript #HTML #onclick

Вопрос:

Я пробовал JS, чтобы переключать кнопки, показывать, скрывать текст.

У меня есть две кнопки: зарегистрироваться и войти. При нажатии на login регистрация скроется, наоборот.

Вот ссылка на мой 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;
}
  

Похоже, это не работает.. Регистр отображается как none, поскольку я хочу, чтобы логин отображался по умолчанию.

Ответ №1:

Вам нужно сначала включить jQuery , прежде чем использовать его.

Он может быть включен в раздел «Фреймворк и расширения»

Обновленная скрипка