Menuleiste anzeigen/verstecken wie bei Google/Typo3

[Torsten.E]

In einigen Seiten von Google oder z.B. im Backend von Typo3 kann ein Bereich des Inhaltes "ein/ausgeklappt" werden mit so einem tollen senkrechten Balken und einem Pfeil in der Mitte.

Kenn jemand das entsprechende Script hierfür dazu ?

Torsten.E

 

[_Thor_]

Das Ein-und Ausblenden könnte man so machen

var x = document.getElementById('toSwitch');
x.style.display == 'block' ? x.style.display = 'none' : x.style.display = 'block';

Das packst du in eine Funktion und gibst z.B. einem Bild ein onclick, der diese Funktion dann aufruft.

 

[Torsten.E]

welches CSS

Danke, aber wie bau ich den senkrechten Balken mit dem Pfeil in der Mitte auf.

<div id="menue">Mein Menue das auf-/zu geklappt wird</div>
<div id="content">
<a href="#" onClick="auf_zu_klapp();">Menu auf-/zu klappen</a>
Mein Content
</div>

 

[_Thor_]

Wenn es ein Menü sein soll, als Liste, der du dann per CSS border und alles andere geben kannst.

Für das anzeigen der Untermenüs ist JavaScript allerdings nicht die beste Wahl, da es bei deaktiviertem JavaScript nicht mehr funktioniert. sinnvoller wäre hier die Verwendung der Pseudoklasse :hover im CSS.

 

[Torsten.E]

Menu ist ein Tree mit jquery

Das Menue ist ein Tree mit jquery.

Ich weis, wenn jemand JavaScript ausknippst, geht es nicht, aber dann läßt sich das menue auch nicht klappen, oder

 

[_Thor_]

Wenn das alles per JavaScript erstellt worden ist, funktioniert nichts mehr, diesen Effekt kannst du aber auch per CSS erstellen, jedoch nicht auf Klick, sondern auf hover.

Die CSS-Variante ist definitiv vorzuziehen.

 

[Torsten.E]

Ich denke wir kommen vom Thema ab :-)

 

[Torsten.E]

http://www.schwedenhaus-ag.de/dynatree.htmlSchau Dir mal nachfolgenden Link an. Bei einem Klick auf das "rote" Viereck passiert genau das was ich eigentlich haben möchte. Der Tree wird ein-/ausgeblendet.

http://www.schwedenhaus-ag.de/dynatree.html

Nun hätte ich aber gerne, das nicht ein rotes Viereck dort ist, sondern ein roter senkrechter Balken bis runter zum "footer", der in der Mitte einen Pfeil nach rechts anzeigt.

Torsten