simple div onclick show javascript

Wenn ich auf einen Link klicke, wird das entsprechende Div angezeigt. Wenn ich jedoch auf den nächsten Link klicke, wird der neu angeklickte Tauchgang ebenso angezeigt wie der zuvor angeklickte. Ich möchte, dass sich die vorherigen Div verstecken. NEU in der Entwicklung, bitte hilf mir jemand ........

Dies ist der HTML-Code für Links:

<code><a class="hide" onclick="showdiv('firstimpression'); " href="#">First Impression</a>
<a class="hide" onclick="showdiv('speaking'); " href="#">Speaking</a>
<a class="hide" onclick="showdiv('eating'); " href="#">Eating</a>
<a class="hide" onclick="showdiv('taste'); " href="#">Taste</a>
<a class="hide" onclick="showdiv('saliva'); " href="#">Saliva</a>
<a class="hide" onclick="showdiv('cleaning');" href="#">Cleaning</a>
<a class="hide" onclick="showdiv('nighttime');" href="#">Night Time</a>
<a class="hide" onclick="showdiv('singledenture');" href="#">Single Denture</a>
<a class="hide" onclick="showdiv('soreness');"  href="#">Soreness</a>
<a class="hide" onclick="showdiv('burning');" href="#">Burning</a>
<a class="hide" onclick="showdiv('adapting');" href="#">Adapting</a>
<a class="hide" onclick="showdiv('futureconsideration');" href="#">Future Consideration</a>
<a class="hide" onclick="showdiv('conclusion');" href="#">Conclusion</a>
</code>

das sind die divs:

<code><div id="firstimpression" class="patientinfodivs">
<div id="speaking" class="patientinfodivs">
</code>

.....und so weiter

Javascript-Code

<code><script type="text/javascript">
function showdiv(id){
document.getElementById(id).style.display = "block";
}
</script>
</code>

Antworten auf die Frage(4)

Ihre Antwort auf die Frage