Question

我有两个div并排。当超链接的状态为active时（单击时），我想使用div隐藏左侧的display: none;。

我大约一年前做过这个，但由于这是我自那时以来的第一个网站，我不记得我是怎么做到的。

我知道可以单独用CSS完成，使用:active但不知道怎么回事。我怎么能这样做？

Answer 1

我不确定我是否正确理解了您的问题，但如果这是我认为您问的话，请执行此操作

<div style="display: none;">

我正在学习HTML，所以我有点新意，这可能不是你问的问题，但我想帮忙，所以是的。）

Answer 2

使用＆＃34;一般兄弟＆＃34;选择器~与a:active

一起使用

<强> HTML

<a href="#" name="trigger">Click Me</a>
<hr />
<div class="foo"></div>
<div class="bar"></div>

<强> CSS

a:active ~ .foo {
    display: none;   
}

它基本上说：找到一个foo类的div，它是活动锚的兄弟并隐藏它。不要与相邻的兄弟选择器+

混淆

在此处查看演示：http://jsfiddle.net/DNy2B/

Answer 3

这将在点击链接时隐藏/显示div。

<html>
    <head>
        <title>Title</title>
        <script src="jq.js"></script>
        <script>
            $(document).ready(function() {
                $("#link").click(function() {
                    $("#div2").toggle();
                });
            });
        </script>
    </head>
    <body>
        <div id="div1">
            div1
            <a id="link" href="#">hey</a>
        </div>
        <div id="div2">
            div2
        </div>

    </body>
</html>

单击div 2中的链接应该隐藏outer-div 1

3 个答案: