Скрыть div, когда я нажимаю любую кнопку на своей странице

Question

Итак, у меня есть это меню, и когда я нажимаю на кнопку, мне нужно создать еще один div под меню. Я сделал это. Но когда я нажимаю на другую кнопку в меню, что div все еще там, и я хочу, чтобы он исчез или упал. Итак, как мне это сделать? То, что я нашел до сих пор, - это скрыть div при нажатии на определенную кнопку show/hide, но мне нужно скрыть этот 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. Но как я могу заставить его рухнуть, когда я нажимаю другие кнопки в главном меню?

Answer 1

Скрыть все инфо-DIV на клик и просто показать sepcific одно: Вот jsfiddle (с помощью JQuery):

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