Как изменить весь элемент div на другой

Question

Я создаю сайт с визуальной студией для Интернета для школьного проекта, и я сделал систему входа пользователя. поэтому на моем сайте у меня на верхнем баре есть место, чтобы поместить свое имя пользователя в свой пароль и нажать на вход. Теперь я хочу, чтобы при нажатии кнопки входа в систему все это изменилось на «приветствовать» во время сеанса активируется. поэтому мне просто нужно знать, как я могу изменить элемент div (который имеет все элементы входа) в другой div, отображающий текст. Спасибо за ответ.

Answer 1

У вас должно быть 2 divs.

Первый - это «логин-бар», этот должен быть виден. А второй - это «привет-бэк-бар», который должен быть скрыт.

Когда пользователь входит в систему, вы должны скрыть раздел «login-bar» и показать div «welcome-back-bar».

Таким образом, это будет выглядеть так, что div «login-bar» заменяется на div с приветствием-back-bar.

$(function(){ 
    $("#login-button").click(function(){ 
     $("#login-bar").addClass("hidden"); 
     $("#welcome-back-bar").removeClass("hidden"); 
    }); 
}); 

Смотрите эту JSFiddle