Div ein- bzw. ausblenden?

hallöchen,

kann man einen div-container mit klick auf einen link ausblenden lassen?
so, dass dann der besucher auf nen link klicken kann, und dann wird der div ausgeblendet, und wenn er dann erneut drauf klickt wird er wieder ausgeblendet?
wie kann man das machen?
mfg

Moin,

yoah dürfte mit PHP & CSS relativ einfach zu realisieren sein.

<a href="?visible=true">Einblenden</a>
<a href="?visible=false">Ausblenden</a>
<div style="visibility:<?php if($_GET['visible']) { echo 'visible'; } else { echo 'hidden'; } ?>;">Text</div>

Prinzip dahinter: Du übergibst eine Variable per PHP und GET und je nach Wert, wird visibility auf visible (sichtbar) oder hidden (unsichtbar) gesetzt.

MfG
myPages

aso,…
daran hab ich nicht gedacht…
aber es sollte javascript sein, da der div eifluss auf ein formular hat, da ist das ganze mit javascript einfacher (nehm ich an)…
trozdem danke
mfg

Mit JavaScript geht das so:element.style.display = "none"; // oder element.style.visibility = "hidden";
Kommt drauf an, was du haben willst. Mit display ist es komplett weg, mit visibility ist es AFAIK nur transparent (auch unsichtbar, nimmt aber noch Platz ein).

[code]Ausblenden
Einblenden

Text
[/code] [url]http://www.css4you.de/display.html[/url]

vielen dank
mfg

(kann geclost werden)
EDIT: nein, soll nicht geclost werden, i-wie funktionierts net ganz…
mfg

Bei mir klappen beide nicht.

Jetzt aber

jo,
danke!
(kann doch gecloset werden)
mfg

href="#"

ist nur kein sinnvoller/gültiger Wert für href.

Für die Anwendung ist ein a-Element mit href wohl komplett
ungeeignet. Das href sollte schon einen Wert enthalten, der
entweder eine gültige URI oder einen Fragmentidentifizierer
darstellt, der zu einem existierenden Element gehört.
Da wäre ein span wohl besser geeignet als ein a, wenn gar kein
Verweis vorliegt.

Bei der js-Variante ist dudem wohl zu bedenken, daß ohne
js wohl entweder alles sichtbar ist oder nichts, je nachdem,
wie das statische CSS aussieht, muß man bei der Seitengestaltung
einkalkulieren.

es geht aber auch

was du verwenden willst ist eig. egal, das geht auch mit Buttons und jedem anderen Element

Für href=“javascript: …” gilt ja ähnliches wie für href="#",
nur hier wird das href für einen Funktionsaufruf mißbraucht,
für den es aber extra solche event-handler wie onclick gibt.
Die Verwendung von onclick ist da schon sinnvoll, nur das
href="#" nicht.

Aber dann kommt kein Händchen wenn man darauf fährt… Kann man das irgendwie lösen?

Mit span? Auch einfach.

[code]Ausblenden
Einblenden

Text
[/code] Du könntest dafür auch eine CSS-Klasse verwenden:[code].hand { cursor: pointer; cursor: hand; }[/code]Die Reihenfolge spielt AFAIK eine Rolle, damit es in allen Browsern funktioniert.