Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 28.10.2016, 14:50
Fanello Fanello ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.04.2005
Beiträge: 68
Fanello befindet sich auf einem aufstrebenden Ast
Standard toggle mehrer Divs bei Klick auf Button

Liebe xhtmlforum-Community

Ich habe auf einer Website rechts am Rand 3 Buttons untereinander platziert.
- Kontakt
- News
- Suche

Wenn ich auf einen dieser Buttons klicke, kommt das entsprechende Div von rechts ins Bild. Wenn ich auf den selben Button klicke, verschwindet das Div wieder. Das funktioniert soweit alles.

Nun wäre es aber noch besser, dass das offene Div verschwindet, sobald man eins der anderen beiden Buttons klickt. Z.B. hätte was also das Suchen-Div sichtbar; wenn ich jetzt auf den News-Button klicke, verschwindet das Suchen-Div und stattdessen erscheint eben das News-Div.

Ist das mit meinem bisherigen Code überhaupt machbar?

HTML-Code:
<script>
var toggle_contact  = document.getElementById("toggle-contact");
var toggle_news  = document.getElementById("toggle-news");
var toggle_search  = document.getElementById("toggle-search");
var content_contact = document.getElementById("content-contact");
var content_news = document.getElementById("content-news");
var content_search = document.getElementById("content-search");    

toggle_contact.addEventListener("click", function(){
content_contact.classList.toggle("appear");
}, false);
toggle_news.addEventListener("click", function(){
content_news.classList.toggle("appear");
}, false);
toggle_search.addEventListener("click", function(){
content_search.classList.toggle("appear");
}, false);
</script>
Mit Zitat antworten
Sponsored Links