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

上观看演示

更改div id / class onclick

1 个答案: