如何通过Jquery或Javascript隐藏/显示div？

我有3个div（屏幕，即A、B和C）…每个屏幕都有一个按钮..我想在单击按钮时更改屏幕..如何使用javascript jquery no C实现这一点..所有屏幕必须具有相同的位置

解释：

一次应显示1个div。。如果屏幕A显示，则应隐藏屏幕B和C。。点击屏幕A的按钮，屏幕A应消失，屏幕B可见。。屏幕B有两个按钮，如果按钮1按下，屏幕A应出现，如果按钮2按下，屏幕C应出现

这是屏幕A

这是B屏




这是C屏

给潜水类，并用jquery代码给那个类。这会有用的

$(document).ready(function(){
    $("#Button1").click(function(){
        $("div-a class").hide();
        $("div-c class").hide();
        $("div-b class").show();
    });

   $("#Button2").click(function(){
        $("div-b class").hide();
        $("div-c class").hide();
        $("div-a class").show();
    });

   $("#Button2").click(function(){
        $("div-b class").hide();
        $("div-a class").hide();
        $("div-c class").show();
    });

   $("#Button2").click(function(){
        $("div-a class").hide();
        $("div-c class").hide();
        $("div-b class").show();
    });
});

---

给潜水的类，并在jquery代码中给该类。这将起作用

$(document).ready(function(){
    $("#Button1").click(function(){
        $("div-a class").hide();
        $("div-c class").hide();
        $("div-b class").show();
    });

   $("#Button2").click(function(){
        $("div-b class").hide();
        $("div-c class").hide();
        $("div-a class").show();
    });

   $("#Button2").click(function(){
        $("div-b class").hide();
        $("div-a class").hide();
        $("div-c class").show();
    });

   $("#Button2").click(function(){
        $("div-a class").hide();
        $("div-c class").hide();
        $("div-b class").show();
    });
});

---

给潜水的类，并在jquery代码中给该类。这将起作用

$(document).ready(function(){
    $("#Button1").click(function(){
        $("div-a class").hide();
        $("div-c class").hide();
        $("div-b class").show();
    });

   $("#Button2").click(function(){
        $("div-b class").hide();
        $("div-c class").hide();
        $("div-a class").show();
    });

   $("#Button2").click(function(){
        $("div-b class").hide();
        $("div-a class").hide();
        $("div-c class").show();
    });

   $("#Button2").click(function(){
        $("div-a class").hide();
        $("div-c class").hide();
        $("div-b class").show();
    });
});

---

给潜水的类，并在jquery代码中给该类。这将起作用

$(document).ready(function(){
    $("#Button1").click(function(){
        $("div-a class").hide();
        $("div-c class").hide();
        $("div-b class").show();
    });

   $("#Button2").click(function(){
        $("div-b class").hide();
        $("div-c class").hide();
        $("div-a class").show();
    });

   $("#Button2").click(function(){
        $("div-b class").hide();
        $("div-a class").hide();
        $("div-c class").show();
    });

   $("#Button2").click(function(){
        $("div-a class").hide();
        $("div-c class").hide();
        $("div-b class").show();
    });
});

---

使用

JavaScript

尝试此操作

功能显示（id）
{
document.getElementById（“divA”）.style.display=“无”；
document.getElementById（“divB”）.style.display=“无”；
document.getElementById（“divC”）.style.display=“无”；
document.getElementById（id）.style.display=“block”；
}

.clsDiv
{
显示：无；
}

这是屏幕A

这是屏幕B



这是C屏

尝试使用

JavaScript

功能显示（id）
{
document.getElementById（“divA”）.style.display=“无”；
document.getElementById（“divB”）.style.display=“无”；
document.getElementById（“divC”）.style.display=“无”；
document.getElementById（id）.style.display=“block”；
}

.clsDiv
{
显示：无；
}

这是屏幕A

这是屏幕B



这是C屏

尝试使用

JavaScript

功能显示（id）
{
document.getElementById（“divA”）.style.display=“无”；
document.getElementById（“divB”）.style.display=“无”；
document.getElementById（“divC”）.style.display=“无”；
document.getElementById（id）.style.display=“block”；
}

.clsDiv
{
显示：无；
}

这是屏幕A

这是屏幕B



这是C屏

尝试使用

JavaScript

功能显示（id）
{
document.getElementById（“divA”）.style.display=“无”；
document.getElementById（“divB”）.style.display=“无”；
document.getElementById（“divC”）.style.display=“无”；
document.getElementById（id）.style.display=“block”；
}

.clsDiv
{
显示：无；
}

这是屏幕A

这是屏幕B



这是C屏

使用更新面板，在按钮上单击使用jquery或javascript将其他两个div设置为false。首先自己尝试，然后提问。。并将您尝试过的代码放入其中。使用更新面板并单击按钮，使用jquery或javascript将另外两个div设置为false。首先自己尝试，然后提问。。并将您尝试过的代码放入其中。使用更新面板并单击按钮，使用jquery或javascript将另外两个div设置为false。首先自己尝试，然后提问。。并将您尝试过的代码放入其中。使用更新面板并单击按钮，使用jquery或javascript将另外两个div设置为false。首先自己尝试，然后提问。。并将您尝试过的代码放入。