|
|||
div container on click vergrössern
wenn ich ein verschachteltes div habe (div 1 bild, div 2 header, div 3 text)
und der text zuerst nur 2 zeilig angezeigt werden soll (news) beim auf den text klicken soll sich dann das div vergrössern und an die absolute textlänge anpassen (also die ganze news anzeigen) frage: a>ist das möglich aus einem verschachtelten div container heraus? b>muss sich das umgebungsdiv mit anpassen also in den on click einbezogen werden? c> wie schliesse ich das "aufklappen" des divs wieder? und ja ... ich bin kein profi aber ich lerne gerne lg keira |
Sponsored Links |
|
||||
Hallöchen,
ohne Markup ist es natürlich immer schwierig, jemandem Tipps zu geben oder Hilfestellung zu leisten, ohne dabei raten zu müssen. Da vor wenigen Tagen ein Freund allerdings eine ähnliche Frage hatte, habe ich ihm folgendes Beispiel gebastelt: - :target - Aufklappbarer Text Dort kommt die Pseudoklasse :target zum Einsatz. Mit deren Hilfe wird ermittelt, ob der Link "Mehr anzeigen" geklickt wurde. Entsprechend wird dann auch reagiert: die Punkte und der Link "Mehr anzeigen" werden ausgeblendet, der Link "Weniger anzeigen" wird eingeblendet und dem Text wird natürlich der benötigte Platz eingeräumt (height:auto). Ich denke das wird dir weiterhelfen. Mit freundlichen Grüßen, lotti
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint |
Sponsored Links |
|
|||
Übergangseffekt
Hallo zusammen,
das Beispiel ist gut und hat auch mir geholfen. Genau das, was ich gesucht habe. Leider versuch ich das Ganze mit Transition-Effekt (Slide) zu versehen, aber mit meinen CSS komm ich irgendwie nicht weiter. Kann mir jemand helfen?Vielen Dank! |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Header entfernen | tripple | CSS | 17 | 15.06.2010 15:41 |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 22:48 |
div container verschachteln | blau | CSS | 2 | 05.12.2006 19:44 |
Div Container mittig positionieren | donhoolio | CSS | 3 | 05.07.2005 20:41 |
2 div container, 2. orientiert sich am 1. | kemai | CSS | 9 | 21.06.2005 14:28 |