Html 使div不可见,单击链接后使其可见

Html 使div不可见,单击链接后使其可见,html,css,Html,Css,我有两个不同的div,我想让其中一个不可见,单击链接或按钮后,我想让它可见,另一个不可见。我不懂javascript,所以我只懂HTML和CSS。我可以只使用HTML和CSS吗?我该怎么做?谢谢。您需要为此使用jQuery。 只需将此行添加到头部标记: <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"> 在页面底部,在结束标记前面添加以下JavaScript: <script>

我有两个不同的div,我想让其中一个不可见,单击链接或按钮后,我想让它可见,另一个不可见。我不懂javascript,所以我只懂HTML和CSS。我可以只使用HTML和CSS吗?我该怎么做?谢谢。

您需要为此使用jQuery。 只需将此行添加到头部标记:

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
在页面底部,在结束标记前面添加以下JavaScript:

<script>
    $("#button1").on("click", function () {
        $("#div1, #div2").toggle();
    }
</script>

$(“#按钮1”)。在(“单击”上,函数(){
$(“#div1,#div2”).toggle();
}
下面是一个类似示例的链接:


div之间的关系如何?显示一些HTML。请提供一些代码供我们查看,否则我们可能会告诉您您已经尝试过的内容。不,仅使用HTML/css是不可能的。如果您不了解js,请尝试jquery并参考这里的示例-正如您已经了解css,需要将可见性设置为隐藏在按钮上n单击。
#div2 {
    display:none;
}
<script>
    $("#button1").on("click", function () {
        $("#div1, #div2").toggle();
    }
</script>