Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

Text über Link mittels CSS ein- & ausblenden ?

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
Japs
Nutzer/in
Nutzer/in
Beiträge: 1685
Registriert: 18.10.2004, 10:50

Beitrag von Japs » 31.07.2010, 17:32

Hallo,
ich habe folgendes vor und komme einfach nicht weiter:

Ich möchte verschiedene Texte mittels Link auf einer Seite ein & ausblenden lassen ohne das die Seite jedes mal neu geladen werden muss.

Nun meine Frage:
Kann ich dies über "id" mittels CSS realisieren ?

zB. so:
<div id"versandkosten">
Hier der Text über Versandkosten
</div>

<div id"widerruf">
Hier der Text über Widerrufsmöglichkeiten
</div>

<div id"agb">
Hier der Text der AGBs
</div>

Links dachte ich dann so:
<a id="versandkosten" href="#">Versandkosten</a>
<a id="widerruf" href="#">Widerruf</a>
<a id="agb" href="#">AGBs</a>

CSS:
#versandkosten {
color: #000000;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

Klickt man jetzt auf "Versandkosten" soll der Text über Versandkosten erscheinen, klickt man auf "Widerruf", dann der Text des Widerrufs usw.

Funktioniert aber nicht :(!!!
Fehlt da eventuell noch eine Javascript-Funktion und fals ja, welche ?
Wie könnte ich mein Vorhaben aber sauber für alle gängigen Browser realisieren ?

Danke & Gruß Dirk O.