Hide / Show div med JS

Hejsa.

Jeg har nogen div som jeg gerne vil gemme / vise alt efter hvor brugeren trykker. Jeg kan godt få dem til at blive vist, men ikke til at blive skjult igen.

jeg har følgende:

cssdelen:
.faq {
position: absolute;
background-color: #f1f1f1;
width: 180px;
padding: 10px;
color: black;
border: #0000cc 2px dashed;
display: none;
}

<script language="JavaScript">
   function setVisibility(id, visibility) {
       document.getElementById(id).style.display = visibility;
   }
</script>

<span onclick="setVisibility('FriendsTable', 'inline');"><img src="{$img_dir}sporgsmologsvar.png">
<h1>FAQ</h1>
<p>FAQ's</p></span>

<div class="faq" id="FriendsTable1" >
Div 1
</div>
<div class="faq" id="FriendsTable2" >
Div 2
</div>
<div class="faq" id="FriendsTable" >
Div 0
</div>

Jeg har flere spans selvfølgelig. Mit problem er at når jeg klikker på den div der ligger sidst i html koden, så kan jeg ikke længere få vist de foregående, så derfor tænker jeg at jeg kan "hide" den igen, men det kan jeg simpelthen ikke gennemskue hvordan jeg gør. Og ja jeg er noob til JS