Question

我对Web编程完全陌生。我刚刚学习了HTML和CSS，但对Java Script没有任何了解。

我拥有的情况是这样的。有两个按钮和两个div。如果单击一个按钮，则会显示该按钮中相关的div。（可见性：可见）然后再点击一个按钮，div就消失了。所以现在当我单击按钮时，两个div重叠。

现在我想建立一个像这样的效果。如果已经单击了一个按钮（已经出现一个div），则单击另一个按钮按钮然后第一个div消失，另一个div同时出现。（替换位置）

Array
(
    [0] => 19/jul/16 12:00 PM
)

在Java Script方面，我非常蹒跚学步。所以我只是复制并粘贴它脚本部分。我可以获得修复该脚本的出现/消失效果吗？

Answer 1

一种可能的解决方案是显示一次潜水并隐藏第二个div。

function show1() {
    document.getElementById("div1").style.display = "block";
    document.getElementById("div2").style.display = "none";
}
window.onclick = function(event) {
    if (!event.target.matches('.button1'))
        var dropdowns = document.getElementsByClassName("div1_pop");
}
function show2() {
    document.getElementById("div1").style.display = "none";
    document.getElementById("div2").style.display = "block";
}
window.onclick = function(event) {
    if (!event.target.matches('.button2'))
    var dropdowns = document.getElementsByClassName("div2_pop");
}

</script>

一个div消失，当单击CSS，JSP中的按钮时，同时出现另一个div

1 个答案: