Buttons - unterbuttons

[steffi1977]

Hallo

Weiß einer wie man das macht wenn man ein Button anklickt und dann darunter neue buttons auf gehen und wenn man noch mal auf den Hauptbutton klickt gehen die "unter"Buttons wieder zu ?!?!?
Ich weiß nicht wie das heißt, daher konnte ich noch nicht suchen.
Ich meine kein Drop Down Menü.
(ist für eine HP, KEIN Forum)

Danke

[Pyramide]

z.B. so:

Code: Alles auswählen

<script language="JavaScript">
function ein_ausblenden() {
	style = document.getElementById('mehr').style;
	if(style.display == 'none') {
		style.display = 'block';
		link.innerHTML = 'Ausblenden';
	}
	else {
		style.display = 'none';
		link.innerHTML = 'Einblenden';
	}
}
</script>
<a id="link" href="Javascript:ein_ausblenden()">Einblenden</a><br>
<div id="mehr" style="display:none">Lorem ipsum dolor si amet</div>

[steffi1977]

genau so

Aber die "unter"buttons sollen auch verlinkt werden.

[Pyramide]

Da kannst du ja einsetzen was du willst... das Lorem ipsum ist nur ein Platzhalter.

[steffi1977]

danke

[Jan88]

Jeht da auch irgendwie ohne Java?
Also nur html und CSS???

[Pyramide]

Durch Anklicken ist mir keine Möglichkeit bekannt. Wenn dir Hover reicht, kannst du dir z.B. dieses Beispiel von Eric Meyer angucken: http://www.meyerweb.com/eric/css/edge/menus/demo.html

[miccom]

es gibt auch eine css lösung die im ie funktioniert:
http://www.1ngo.de/web/bildwechsel.html

[steffi1977]

z.B. so:

Code: Alles auswählen

<script language="JavaScript">
function ein_ausblenden() {
	style = document.getElementById('mehr').style;
	if(style.display == 'none') {
		style.display = 'block';
		link.innerHTML = 'Ausblenden';
	}
	else {
		style.display = 'none';
		link.innerHTML = 'Einblenden';
	}
}
</script>
<a id="link" href="Javascript:ein_ausblenden()">Einblenden</a><br>
<div id="mehr" style="display:none">Lorem ipsum dolor si amet</div>

Also wenn ich auf "Einblenden" klicke soll eine Seite aufgehen und automatisch da drunter das "lorem ..."
Wie setze ich den die Links dafür und wo ??