CSS: Text per Mausklick einblenden

Mondmann · 04.04.2007, 17:30

Hallo Liebes Forum.
Ich möchte folgendes machen:

Ich habe einen Link der nirgend hinführt #.
Bei klick auf diesen link soll drunter ein Text erscheinen, wohlgemerkt bei Klick, nicht beim drüberfahren.
Das ganze soll mir CSs, auf keinen fall mit Javascript gehen.ICh habe das schonmal irgendwo gesehenm, weiß aber nimmer wo.
Hat wer nen Tip?
Das habe ich bisher:

HTML:

Zitat:

<div id="update_hilfe">

<h3><a href="#nogo" id="update_link">Hilfe anzeigen</a></h3>

<span id="update_show">
Textextewetwetwe
</span>

</div>

CSS:

Zitat:

#update_hilfe #update_link{
display:block;
}

#update_hilfe #update_show{
display: none;

#update_hilfe #update_link:active{
display:block;
}

}

Das geht natürlich überhaupt nicht und ich stecke fest.
Mein Denkproblem ist: Wenn ich auf den Link klicke muss ich ja den anderen Block anzeigen..geht das überhaupt?

webmichl · 04.04.2007, 19:27

Ohne JavaScript kannst Du ( glaub ich zumindest ) keinen anderen Block manipulieren. Aber evtl geht's ja auch anders.

Mal so als Ansatz:

Das hier:

Code:

<html>
<head>
<title>bla</title>
<style type="text/css">
<!-- 
#blatext { border: 1px solid black; width: 300px; height: 13px; display: block; font-size: 13px; line-size: 13px; overflow: hidden;text-decoration: none; }
#blatext:active { height: 200px; } 
* html #blatext:visited { height: 13px; } 
-->
</style>
</head>
<body>
<a id="blatext" href="#">bla</br>blablabla</a>
</body>
</html>

funktioniert zumindest im Firefox so, wie Du's willst. Im IE auch - allerdings nur einmal. Und verkleinert wird da auch erst dann, wenn der Mauszeiger den Link verlässt.

th2409 · 05.04.2007, 11:32

So richtig toll scheint es mit purem CSS nicht zu werden.
JS geht ganz gut (Ein- und Ausblenden von Ebenen), ist aber auf Mithilfe vom Browser angewiesen, was besser ausfallen sollte. Ich persönlich würde es mit PHP probieren, da passiert es auf dem Server und man weiß, was zum Browser kommt.