javascript - 永久显示隐藏的div

Question

我有以下代码:

    <div id="div3"><img src="" width="20px" /></div>
    <div id="div4">
    ... -> menu
    </div>

使用以下内容:

    div3{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
    }


    #div4{
    display: none;
    float:right;
    position: absolute;
    left: 60%;
    top: 50%;
    margin-top: -15px;
    margin-left: -70px;
    }

    #div3:hover + #div4 {
    display: block;
    }

在悬停#div3(这是一张图片)后，我制作了div4 节目。但是我希望 div4 在发现 #div3 后出现并保留。我在 jquery 中尝试了几个代码，但它们不起作用。

你能帮忙吗？

Answer 1

正如 PHPGlue 所说，仅使用 CSS 无法做到这一点。

你可以使用 jquery 做这样的事情，根据你的需要调整代码:

HTML

<div id="one">Hover me!</div>
<div id="two">HELLOO!</div>

JS

$("#one").on("hover", function(){
   $("#two").show(); 
});

FIDDLE