Ein/ausblenden von Inhalten per Link

[andre.roesti]

Hallo,

Eigentlich ist es ja schon komisch das es gerade ich bin, der sowas hier postet. Aber irgendwie komm' ich einfach nicht weiter.

Ich habe einen span, in dem befinden sich die Inhalte die angezeigt werden sollen. Ein Link soll das ganze dann anzeigen.

Der Code sieht wie folgt aus:

HTML

<div class="infobox" id="infobox">
<p><a href="#infobox" class="shlink"><span>Infobox</span>
<em>
Das ist der Inhalt, der in der Infobox angezeigt wird.
</em>
</a></p>
</div>

CSS

.infobox {
margin: 1px;
width: 15%;
float:right;
background: #F3F3F3;
border: 1px solid #CC0000;
}

a.span {
display: block;
border-bottom: 1px solid #A3A3A3;
font-size: 1.0em;
}

a.shlink em {
display: none;
}

a.shlink:focus em, a.shlink:active em {
display: block;
}

Das Problem ist, das der Inhalt, der sich im Em-Tag befindet, nachdem man auf den Link klickt zwar öffnet, dann aber sofort wieder zuspringt. Wenn man den Cursor beim gecklickt halten etwas bewegt und dann loslässt, funktioniert alles perfekt.

Weis jemand wo das Problem liegen könnte?

MFG
[ASTERIX]

[ENERGIE]

AW: Ein/ausblenden von Inhalten per Link

Lass mal das id-Attribut beim <div>-Tag weg.


greetz

[Peter0308]

AW: Ein/ausblenden von Inhalten per Link

Hi,

wenn dein eigener Post von hier stimmt, hast du dir die Lösung schon selbst gegeben.

Peter

[andre.roesti]

AW: Ein/ausblenden von Inhalten per Link

Hallo,

Ja, ich weis es ist komisch das ausgerechnet ich diese Frage stelle. Bei dem Thread bei dem ich geantwortet habe, war die Fragestellung aber anders. Dort ging das Fenster zu, wenn man auf einen Link im angezeigten Inhalt anklicken wollte. Das ist bei mir nicht das Problem.

@ G-Unit Solider: Danke, werde ich mal ausprobieren.

MFG
[ASTERIX]


Edit (autom. Beitragszusammenführung):

Hallo,

Danke, hatt gehofen!

MFG
[ASTERIX]