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>