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>