Question

点击

显示新的div

<div id="box1">abc</div>
<div id="box2" style="display:none;">awklnnbc</div>
<div id="box3" style="display:none;">wgweilwe</div>
<div id="box4" style="display:none;">vwfweifu</div>
<div id="box5" style="display:none;">xvwervwe</div>
<div id="box6" style="display:none;">gwevw</div>


<button>Show Another Div</button>

点击show another div

<div id="box1">abc</div>
<div id="box2" style="display:none;">awklnnbc</div>
<div id="box3" style="display:none;">wgweilwe</div>
<div id="box4" style="display:none;">vwfweifu</div>
<div id="box5" style="display:none;">xvwervwe</div>
<div id="box6" style="display:none;">gwevw</div>


<button>Show Another Div</button>

每次点击都会出现一个新的div。

希望你现在明白。

首先只能看到box1。其余的人都隐藏了。不同div上的不同内容。如果你有人点击显示另一个div，将显示一个新的div。有可能吗？

Answer 1

我相信这对你的问题有一个很好的答案：http://csscreator.com/node/708

Answer 2

如果你想动态添加新的div，你应该尝试将其附加到内容：

HTML：

<div class="container">
    <div id="content">
    </div>
    <button id="showNewDiv">SHOW ANOTHER DIV</button>
</div>

Javascript（假设您使用的是jQuery）

$("#showNewDiv").on("click", function(e){
   $("#content").append("<div/>", {text: "whatever"});
});

Javascript在点击时显示隐藏

2 个答案: