问html css切换显示/隐藏一个div框，当点击像在facebook导航？
EN

Stack Overflow用户

提问于 2014-02-11 12:59:45

回答 1查看 2.8K关注 0票数 3

嗨，我想做一个类似的下拉div，就像在facebook上一样，问题是当你悬停out.how时，div不会停留，我可以切换它吗？就像只有当你在div之外点击时它才会消失？就像facebook的导航栏？

CSS

    .divs {
        display: none;
    }

    a:hover + .divs {
        display: block;
        background-color:white;
    }

HTML

    <a><img src="someIconsButtons.png"></a>
    <div class="divs">
    Stuff here...
    </div>

我怎样才能做到这一点呢？谢谢，请温文点，我有点新手：)

发布于 2014-02-11 13:38:17

这是我的jQuery解决方案，

我让你的盒子在悬停时显示，然后如果身体被点击，它就会隐藏起来。

$('img').hover(function(){
   $('div#box').show();
});
$('body').click(function(){
   $('div#box').hide();
});

这里有一个可以演示的小提琴。http://jsfiddle.net/joey6978/zLXK8/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21693509

复制

相似问题

问html css切换显示/隐藏一个div框，当点击像在facebook导航？EN