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

时间:2016-07-18 07:16:59

标签: javascript jquery html css jsp

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

一种可能的解决方案是显示一次潜水并隐藏第二个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>