Onclick des Submenu wird durch Obermenü bereits ausgeführt

Asking

Hallo,

ich habe ein vertical menu und möchte, dass beim Klick auf das UNTERmenü ein div sichtbar wird.

Das Problem ist, dass der onclick Befehl immer schon ausgeführt wird, wenn ich auf das Obermenü klicke um das Untermenü erst einmal sichtbar zu machen.

Ist das normal, oder liegt eher ein Fehler in meinem Code?

Danke schon mal im voraus, viele Grüße.

wolf

Code?

Stichwort Event Bubbeling aber das entsteht von unten im DOM und nicht von oben also Fehler im Code -> wir brauchen Deinen Code um Dir helfen zu können.

cottton

Was wolf sagt und
ein onclick ~"bricht durch"

Code

element[1] onclick="..." {
	element[2] onclick="..." {
		element[3] onclick="..." {
			element[4] onclick="..." {




			}
		}
	}
}

Alles anzeigen

~~Klickst Du auf element 1, dann auch auf 2, 3 und 4.~~
EDIT: siehe wolfÅ› Antwort - also andersrum von innen nach außen

wolf

Hää cotton auch von cben nach unten?

eigentlich doch von 4 zu 1 und nicht andersrum? oO

Asking

Danke schon einmal.

Das ist mein Code

JavaScript

function ändereKlasse(wie) {

	var elem = document.getElementById("unentschlossen");

	elem.className = wie;




}

HTML

<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>&Uumlberschrift</h2>
		<p>Die Fragen zur Anmeldung.</p>
</div>        	
	<ul>





	</ul>

		</li>

		<li class='has-sub'><a href='#'><span>Fragen zu Daten</span></a>

	<ul>

		<li><a href='#'><span>Daten sind Falsch</span></a></li>

		<li class='last'><a href='#' onclick="ändereKlasse('empfehlung');"><span>Wie kann ich meine Daten &aumlndern?</span></a></li>
 
<div id="unentschlossen">
		<h2>&Uumlberschrift</h2>
		<p>Dieser div-Container wird individuell gestaltet</p>
</div>           	
	</ul>

Alles anzeigen

wobei das Menü folgendermaßen aufgebaut ist:
Benutzeradministration
Fragen zur Anmeldung
Fragen zu Daten
Daten sind falsch
Wie kann ich meine Daten ändern?

Das onclick für Fragen zur Anmeldung wird halt bereits geöffnet, wenn ich Benutzeradministration anklicke.

wolf

Okay, andere Frage, wofür musst du das div sichtbar machen?

cottton

wolf sh*t, Du hast recht

Asking

Ziel ist eine FAQ Seite. Und ich möchter gerne, dass nach einem Klick auf einen Submenu Punkt die jeweiligen Antworten eingeblendet werden.

wolf

Das hatten wir vor einer Weile schonmal .. weis leider den Thread nichtmehr aber hier die lösung: http://codepen.io/wolf-w/details/XJVEwZ/
Bzw könnte man statt hover ne checkbox und dann :checked verwenden

Ok es ist ein Jahr her ..
[gelöst]hover span fixe Position

Asking

Vielen Dank schon mal , so etwas ähnliches hatte ich auch schon einmal, habe es jedoch nicht geschafft auf onclick umzuschreiben, weil MouseOver für FAQ etwas nervig ist finde ich.

wolf

Schau mal hier. http://codepen.io/wolf-w/pen/jbEdBW
Ohne JS .. funktioniert über ne Versteckte Checkbox, so könntest du es auch lösen.
Ist es denn Einspaltig bei dir aufgebaut oder soll wie beim letzten Link links ne liste und rechts der Inhalt sein?

Asking

Einspaltig, so dass sich die unterkategorien "einfahren", falls eine andere oberkategorie angeklickt wird.

Jetzt mitmachen!