单击页面上的任何按钮时隐藏div

时间:2012-03-01 22:23:25

标签: javascript html hide

所以我有这个菜单,当我点击一个按钮时,我需要在菜单下创建另一个div。我做到了。但是当我点击菜单上的另一个按钮时,div仍然存在,我希望它消失/崩溃。那我该怎么办呢?我在今天发现的是如何在点击特定的显示/隐藏按钮时隐藏div,但是当我点击页面上的任何按钮时我需要隐藏该div ...

非常感谢任何帮助。

我的代码是这样但我不认为它是相关的(我对这个过程很感兴趣,我应该怎么做):

<div id="container">
        <ul id="nav">
            <li><a href="#" id="home">Despre noi</a></li>
            <li><a href="#" id="Projects">Projects</a></li>
            <li><a href="#" id="photos">Implica-te</a></li>
            <li><a href="#">Stiri</a></li>
            <li><a href="http://localhost/ong/contact/contact.html" id="contact">Contact</a></li>
        </ul>
</div>

所以这是我的菜单,当我点击项目时,这个div显示

<div id="menu_lava">

    </div>

这是一个lavalamp子菜单。但是当我点击主菜单上的其他按钮时,如何让它崩溃呢?

1 个答案:

答案 0 :(得分:0)

点击一下即可隐藏所有info-div,只显示具体信息: 这是一个jsfiddle(使用jQuery):

http://jsfiddle.net/FKeAF/1/