OK vielen Dank dass hat super geklappt! Jetzt habe ich für eine einzelne Webseite fast genau die gleiche Anwendung, nur mehrere Div-Tags die geschlossen werden sollen wenn sich eins öffnet...
Hier mein aktueller CODE:
<html>
<head>
<style type="text/css">
#question1,
#question2,
#question3,
#question4,
#question5,
#question6 {
background-color: gray;
border: 1px solid black;
width:100%;
height: 50px;
}
#answer1,
#answer2,
#answer3,
#answer4,
#answer5,
#answer6 {
background-color: lightgray;
border: 1px solid black;
border-top: none;
width:100%;
height: 50px;
display: none;
}
</style>
<script type="text/javascript">
function toggle(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
</script>
<script type="text/javascript">
function hide(id) {
var e = document.getElementById(id);
e.style.display = 'none';
}
</script>
</head>
<body>
<div id="tabmenue">
<div id="question1" onclick="toggle('answer1'); hide('answer2,answer3')">Frage1
</div>
<div id="answer1">Antwort1
</div>
<div id="question2" onclick="toggle('answer2'); hide('answer1')">Frage2
</div>
<div id="answer2">Antwort2
</div>
<div id="question3" onclick="toggle('answer3'); hide('answer1')">Frage3
</div>
<div id="answer3">Antwort3
</div>
<div id="question4" onclick="toggle('answer4'); hide('answer1')">Frage4
</div>
<div id="answer4">Antwort4
</div>
<div id="question5" onclick="toggle('answer5'); hide('answer1')">Frage5
</div>
<div id="answer5">Antwort5
</div>
<div id="question6" onclick="toggle('answer6'); hide('answer1')">Frage6
</div>
<div id="answer6">Antwort6
</div>
</div>
</body>
</html>
Wenn ich auf question1 klicke sollen alle answer´s geschlossen werden aber answer1 geöffnet werden und auf question2 sollen alle answer´s geschlossen werden aber answer 2 geöffnet werden und so weiter ? Bin da schon wieder ewig lang am rumprobieren und am rumsuchen hab da aber nix gefunden bisher.
Wäre super wenn auch da mir jemand helfen kann.
MfG minestarm