CSS: Text per Mausklick einblenden

**Mondmann** · 04.04.2007 16: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:

<div id="update_hilfe">

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

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

</div>

CSS:

#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 18: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 10: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.

zur Startseite vom TP

Thema: CSS: Text per Mausklick einblenden

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

CSS: Text per Mausklick einblenden

Aktive Benutzer

Aktive Benutzer