Hallo,
ich habe folgendes Problem. Ich möchte gerne ein vertical Menu haben, welches sich aufklappt, wenn ich die Oberkategorie anklicke und beim Klick auf einen Frage in der Unterkategorie soll ein div erscheinen.
Leider taucht das div aber bereits immer schon auf, wenn ich die Oberkategorie anklicke, statt erst beim anklicken der Frage.
Ich weiß nicht, was ich noch anders machen soll, weiß jemand zu helfen?
Die hier gezeigten Codes sind nur ausschnitte, kann also passiert sein, das hier </ul> o.ä. mal zu viel oder zu wenig da ist.
HTML
<div id='position'>
<div id='cssmenu'>
<li class='active has-sub'><a href='#'><span>Benutzeradministration</span></a>
<ul>
<li class='has-sub'><a href='#' onclick="ändereKlasse('empfehlung');"><span>Fragen zur Anmeldung</span></a>
<div id="unentschlossen">
<h2>Überschrift</h2>
<p>Die Fragen zur Anmeldung.</p>
</div>
<ul>
</ul>
Alles anzeigen
JavaScript
<script language="JavaScript" type="text/javascript">
function ändereKlasse(wie) {
var elem = document.getElementById("unentschlossen");
elem.className = wie;
}
</script>
Alles anzeigen
CSS
#antwortlinie{solid: #D0D0D0;}
#unentschlossen{position:absolute; left:30%; top:19%; right:15%; bottom:35%;
border: 1px solid #D0D0D0;
border-radius: 5px;
padding: 10px 20px 20px;
}
.empfehlung {
border-left: 50% solid #5a9900;
}
.empfehlung h2:before {
color: #5a9900;
content: 'Empfehlung: ';
}
.hinweis {
border-left: 50% solid #c32e04;
}
.hinweis h2:before {
color: #c32e04;
content: 'Beachten: ';
}
Alles anzeigen
Ich hoffe ihr versteht was ich meine, sonst erläutere ich es auch gerne noch einmal genauer.