GD Star Rating
loading...

This very simple jQuery Accordion Snippet will help you save space and divide your content into different logical sections. No fancy setting parameters, no need for a function call, simply add the JS file to your head and enjoy a minimal, cross-browser working Accordion.Dieses super einfache jQuery Accordion Script hilft Dir dabei Platz zu sparen und Deinen Inhalt in verschiedene logische Bereiche einzuteilen. Keine ausgefallenen Einstellungsparameter, kein expliziter Funktionsaufruf, füge einfach das schlanke Script in Deinen Head-Bereich und genieße ein einfaches Accordion, das in nahezu allen Browsern funktioniert.

Preview

Simple Lingulo-Accordion

What you need to do

  1. Include the minified or the original JS file
  2. Add the CSS rules to your CSS file
  3. Add your HTML code
    • create an element with the ID lingulo-accordion (or change it in the JS file if you would like to use a different ID)
    • for each toggable section create a div
    • add an element h3 as well as your content into the div




Please note: I do not guarantee the correctness of this script and can not be made responsible for any damage or loss caused through the use of this script

Preview

Simple Lingulo-Accordion

Was Du machen musst

  1. Binde das minimierte oder das originale JS file in Deinen Head- oder Bodybereich ein
  2. Füge die CSS-Regeln in Deine CSS-Datei ein
  3. Füge Deinen HTML code in Deine Seite ein
    • erstelle ein Container-Element mit der ID lingulo-accordion (oder ändere den Container-Namen in der JS-Datei)
    • für jeden auf- und zuklappbaren Bereich erstelle ein div
    • füge ein h3-Element sowie Deinen Inhalt (Text, Bilder, Videos…) in die soeben erstellte div




Bitte beachte: Ich übernehme keine Garantie für die Korrektheit des Scripts und kann für etwaige Schäden oder Datenverlust nicht verantwortbar gemacht werden.

Super Simple jQuery Accordion SnippetSuper einfaches jQuery Accordion Snippet, 8.3 out of 10 based on 23 ratings