Ist es möglich, erstellen Sie eine CSS-only-Akkordeon?

Ich bin denken über die Verwendung eines Akkordeons in einer "bitte Javascript aktivieren" - Seite, aber ich weiß nicht, ob es ist möglich, mit CSS nur.

Ich bin mir fast sicher, dass es für die meisten Browser, aber ich bin auch fürchtend, die ich konfrontiert werde, die eine Einschränkung des IE und ich würde gerne wissen, ob Sie dies bereits versucht (oder auch nicht) und könnte mir sagen, ob es entweder möglich oder unmöglich (wenn man bedenkt, IE6+).

  • Welche Art von nach Sie brauchen , können Sie zeigen und Beispiel?
  • Eine sehr einfache wäre, so etwas wie dieses zum Beispiel: brown.edu, aber ohne notwendigerweise ein übergang. Was will ich mit diesem nicht an den Benutzer zu erschrecken, mit einer langen Seite mit vielen überschriften, stattdessen nur lassen Sie Sie klicken Sie auf die browser-Schritt-für-Schritt-Anleitung zum aktivieren von JS.
InformationsquelleAutor Camilo Martin | 2010-07-03
  1. 2

    Einige CSS nur Accordin hier

    http://www.webdeveloperjuice.com/2010/05/17/8-powerful-pure-css-accordions-to-make-web-application-lite-and-impressive/

    Und es ist IE 6 kompatibel

    http://www.cssnewbie.com/advanced-css-accordion-effect/

    http://www.cssnewbie.com/example/css-only-accordion/vertical.html

    • +1, da es fast das, was ich brauche, aber, Zitat von der Website, "wird die Funktion im IE6 mit JavaScript". So funktioniert es nicht, wenn es meine Absicht ist, zu Fragen, IE6-Nutzer zum aktivieren von JS auch, aber eigentlich denke ich nicht, dass IE6 Nutzer auch wissen, wie, um es zu deaktivieren.
    • es funktioniert auch, wenn js deaktiviert cssnewbie.com/example/css-only-accordion/vertical.html
    • Und BTW, es ist ok, wenn Akkordeon funktionieren, wenn JS aktiviert, und wenn JS deaktiviert, dann Nach wird standardmäßig geöffnet. wie in diesem link brown.edu . Hauptsache ist, der Inhalt sollte zugänglich in beiden Zustand.
    • Ja, du hast Recht. Das ist genug für den IE6 und es klappt, wie gewollt, in anderen. Gut finden! 🙂
    • !!Trojaner Warnung (Erster link)
    InformationsquelleAutor Jitendra Vyas
  2. -1

    Es ist unmöglich, ohne JavaScript. Sogar, wenn Sie die neuen HTML5-übergänge (die sind sicherlich nicht unterstützt IE6), die Sie noch brauchen JavaScript, um die den übergang auslösen.

    • Sie sind falsch, CSS-übergänge (unterstützt in der neuesten webkit -, beta -, gecko-und AFAIK stabil presto) kann verwendet werden, ausschließlich mit CSS. Und ich empfehle Ihnen, Sie zu benutzen, sehen Sie dazu: u.nu/7avrc
    InformationsquelleAutor Maz
Schreibe einen Kommentar