Klicken Sie auf Kopfzeile, und erweitern Sie den text, ohne mit JavaScript / jQuery

Wie schon im Titel, meine Frage ist ganz einfach: gibt es eine Möglichkeit, dass ich eine Klick auf eine Kopfzeile (Titel) und zu erweitern (und Zusammenbruch) ein text zugeordnet, der ohne Verwendung von JavaScript noch jQuery? Gibt es eine browser-kompatiblen Art und Weise, dies zu tun (IE 6+ Beweis)?

Habe ich eine sehr einfache HTML - +CSS-Website für eine Konferenz, und ich möchte mit JS nur wenn nötig. Also, ich bin nur Fragen, ob ich es tun kann, kleben nur eine HMTL - /CSS-Code, der in einer kompatiblen Art und Weise, natürlich.

Den wenigen Lösungen, die ich gefunden habe, sind veraltet oder inkompatibel mit einigen browser-Versionen.

Vielen Dank,
João

Ich würde sagen, dass Ihre einzigen Optionen sind HTML5 oder JavaScript. Die beiden, die gegen eine Ihrer Bedingungen.
wie funktioniert die HTML5-gegen eine der Bedingungen?
Unterstützung für IE6
Vielen Dank für die Aufklärung, Samuel. Ich hatte die gleichen Zweifel wie daGUY. Ich werde unterstützt IE 6, einige Leute sind noch mit dabei, also werde ich wählen, mit JS.

InformationsquelleAutor jaff | 2012-09-17

  1. 9

    IE6-Beweis-Reine CSS-Lösung?

    KEINE

    [Lass die Toten ruhen in Ihren Gräbern, versuchen Sie nicht, machen Sie einen marathon laufen. Das ist, was Sie tun, wenn Sie sich Fragen, für IE6 zu tun, Dinge wie diese.]

    IE7/8?

    Ja, es gibt eine Lösung (das Prinzip ist das gleiche wie in diese ältere demo von mir), aber es ist nicht persistent (was bedeutet, dass wenn Sie klicken Sie irgendwo auf die Seite, Ihre Inhalte erweitert wird zusammenbrechen), und es verhält sich ein wenig komisch im IE7 (was bedeutet, dass Sie den Mauszeiger aus der angeklickten element nach dem Sie es anklicken, um zu sehen, Ihre Inhalte erweitert).

    IE9+ und den anderen Browsern?

    JA! Auch persistent. Gleichen Prinzip wie die, die ich verwendet hier.

    JavaScript/jQuery-Methode?

    Ja! Siehe: ein jQuery-version von der gleichen demo.

    Vielen Dank für die klare Antwort, Ana. Leider, einige Leute immer noch den IE nutzen 6 heute, so dass ich Sie einfach haben, Sie zu berücksichtigen. Als ich dachte, ich werde wirklich JS.
    Berücksichtigen Sie die Tatsache, dass jQuery Drop-Unterstützung für IE6, 7 und 8 (so stellen Sie sicher, dass Sie nicht auto-update der jQuery-version, die Sie verwenden werden). Ich noch empfehlen jQuery-wenn Sie möchten, die JavaScript verwenden. IE ist in Ordnung, aber beim reinen JavaScript für IE6 und 7 ist ein Grund für Kopfschmerzen.
    Sie werden wahrscheinlich wollen, so etwas wie dieses, codepen.io/thebabydino/pen/ByrAa
    In der Tat, ich brauche etwas mehr basic, wie dieses: stackoverflow.com/questions/6713059/expand-p-when-h1-is-clicked nochmals vielen Dank, Ana!

    InformationsquelleAutor Ana

  2. 3

    Können Sie tun, einfache Hover-dropdown-Menüs mit nur HTML & CSS unterstützt werden, cross-browser:

    http://jsfiddle.net/fkS2z/

    Kann man verbessern auf diese mit fades oder slidedowns mit CSS transitions nicht unterstützt werden, in der unteren version des IE:

    http://jsfiddle.net/N9fDy/1/

    Nicht so viel mit klicken wenn.

    Hallo, StewD. Ich denke, ich werde einige Kompatibilitätsprobleme mit einigen IE-Versionen (wie immer...) wenn Sie mit nur HTML + CSS, also werde ich entscheiden sich für JS. Trotzdem danke!

    InformationsquelleAutor Stew Dellow

Schreibe einen Kommentar