Question

我正在开发一个项目，我需要在单击a x时隐藏div。我想要关闭一个特定的div来关闭，这个div保持href很好。一旦点击X，我就会陷入瞄准div的困境。你能为简单的设计师提供任何指示吗？

HTML

Div name = footer，链接类为“linky”

CSS

     .linky:link {
      footer:display: none;
      }

任何帮助都将不胜感激。

此致

Answer 1

将链接目标直接放在页脚之前：

<body>
    <a href="#linky">hide footer</a>
    ... other content ...
    <div id="linky"></div>
    <footer>footer</footer>
</body>

使用+运算符：

#linky:target + footer {
    display: none;
}

/* to prevent scrolling to the bottom */
#linky {
    position: fixed;    
    top: 0;
}

see this fiddle

a + b会定位b，如果它位于a之后。

请注意与版本的两个额外差异：

使用:target代替:link（:link将定位链接）
使用id代替class

我想补充一点，只要用户点击任何其他#anchor链接，该页脚就会再次显示。

更新：现在阻止滚动;删除简单版本因为无法阻止滚动

Answer 2

试试这个：

<div id="div1">
    Hello, i will be hidden on click  the below link
</div>

<a href="" id="link" onClick="hide()"><b>Click here</b></a> to hide
## this is the link code
<a href="" id="link" onClick="hide()"><b>Click here</b> to hide
<script>
    function hide(){
        document.getElementById('div1').style.display="none";
    }
</script>

使用<a href="#nice"></a>隐藏我的div

2 个答案: