Question

我想在页面上创建几个图层，只需点击一下即可切换图层。

有什么想法吗？

Answer 1

您可以使用jquery和tooggleClass（）函数，将其应用于“click”事件。例如：

$('#button').click( function () {
    $('#layer1').toggleClass('classToShow');
    $('#layer2').toggleClass('classToShow');
    $('#layer3').toggleClass('classToShow');
});

开始时，只有一个来自图层的“classTShow”类。

Answer 2

如果您不使用jquery：

document.getElementById('name').style.display = "none";
document.getElementById('name').style.display = ""; //show

Answer 3

z-index是CSS属性，用于定义元素的垂直位置。值z-index值最高的元素位于顶部。您可以使用它来创建图层。

然后，只需为图层按钮创建一个click事件，然后更改z-index：

document.getElementById('layer1').style.zIndex = '10'

如果您正在谈论标签，那么jarrett's answer应该是您要查看的标题。

Answer 4

我会使用jQuery。

您可以在页面上选择元素并轻松控制其可见性。

HTML：

<div class="layer" id="layer1">
 stuff in here for layer 1
</div>
<div class="layer" id="layer2" style="display:none">
 stuff in here for layer 2
</div>
<p id="button">click me</p>

jQuery的：

$('#button').click(function(){
  $('.layer').toggle();
});

只要您点击ID为layer的{{1}}，此代码就会切换2个div与p课程的展示次数。

我需要帮助创建一键隐藏和显示链接

4 个答案: