einfache div onclick show javascript
wenn ich auf einen link der correspoding div auftaucht
aber wenn ich auf den nächsten link, der neu geklickt haben, Tauchen Sie zeigt sich ebenso wie die zuvor geklickt wurde. Ich möchte die Vorherige div zu verstecken. NEUE Entwicklung bitte jemand mir helfen........
dies ist der html-code für links:
<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>
diese sind die divs:
<div id="firstimpression" class="patientinfodivs">
<div id="speaking" class="patientinfodivs">
.....und so weiter
Javascript-code
<script type="text/javascript">
function showdiv(id){
document.getElementById(id).style.display = "block";
}
</script>
InformationsquelleAutor user813032 | 2012-05-06
Du musst angemeldet sein, um einen Kommentar abzugeben.
So viel wie ich hasse das erstellen von globalen Variablen, kommen Sie nur in so praktisch manchmal...
Dies wird verhindern, dass Sie unnötig die Suche durch divs zu finden, die Sie verbergen sollte.
Edit: Erweiterung @StevenRoose Vorschlag:
Sie sollten akzeptieren, dass diese Antwort, wenn es dein problem gelöst hat
warum haben Sie sich dafür entschieden, um zu halten, dass Ihre Funktion als Globale variable statt einer Referenz auf das div? Die Funktion beginnt mit
if(_shownDiv) { _shownDiv.style.display = 'none'; }
in diesem Falles gab keinen besonderen Grund. Ich werde Anhängen, um meine Antwort eine erweiterte version von dem, was Sie vorgeschlagen.
InformationsquelleAutor Nick
Müssen Sie in Ihrem showdiv() zuerst stellen Sie alle Ihre Elemente display = "none";
Und dann stellen Sie das ausgewählte element display = "block";
Können Sie auch organisieren Sie in zwei Funktionen hidealldivs(), die verstecken sich alle divs und Ihre aktuelle showdiv(), in denen gezeigt wird, ausgewählt.
Dann onClick-Aufruf sowohl von Ihnen einer nach dem anderen
InformationsquelleAutor DaneSoul
Müssen Sie zunächst verstecken Sie Ihre divs. Entweder im StyleSheet oder inline.
InformationsquelleAutor iambriansreed
Hier eine version ohne die Verwendung einer globalen (anders als die Funktion selbst). Die variable über die Funktion Objekt:
InformationsquelleAutor Matthew Wilcoxson