Изменить идентификатор Div / класс по клику

Question

Итак, давайте представим, что у меня 2 divs. Div1 и Div2

Итак, Div1 отображается автоматически, когда вы попадаете на страницу. Div2 должно отображаться при нажатии кнопки в Div1. Эта кнопка должна полностью удалить div1 и поместить в нее Div2. Без перезагрузки страницы или перенаправления на следующую страницу. Я не знаю, как это сделать. Может кто-нибудь помочь мне с кодом?

Answer 1

возможно я не совсем понял, что вам нужно, но попробуйте что-то вроде этого

ОБНОВЛЕНО

HTML код

 <div class="box">
  <div class="one">
    <p>this is my content number 1</p>
  </div>

  <div class="two">
    <p>this is my content, which should show up when clicking button1</p>
  </div>

  <button class="button1">im a button</button>
</div>

код CSS

.one,
.two {
  width: 150px;
  height: 150px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  background: pink;
}

.two {
  display: none;
  background: silver;
}

JQ код

$( '.button1' ).on( 'click', function () {
    $( '.one' ).remove();
    $( '.two' ).show();
});

смотреть демонстрацию по JSFiddle