Kleines Accordion mit geringer Funktionalität. Wer einen größeren Funktionsumfang sucht, wird auf jQuery-Ui fündig.

Wer eine reine Css-Variante benötigt, der wird hier fündig. Auf der Seite findet ihr ein kleines Tutorial für eine Css3-Variante

Zum Ausprobieren liegt im Ordner js eine aktuelle Version von jQuery.



Berthold Auerback

Eine Idee muss Wirklichkeit werden können, sonst ist sie eine eitle Seifenblase.

Marcel Proust

Wir werden von einer Leidenschaft nur geheilt, wenn wir sie bis zum Letzten auskosten.

Friedrich Nietzsche

Ja! Ich weiß, woher ich stamme!
Ungesättigt gleich der Flamme
Glühe und verzehr`ich mich.
Licht wird alles, was ich fasse,
Kohle alles, was ich lasse:
Flamme bin ich sicherlich.

Franz von Assis

Dass mir der Hund das Liebste sei,
sagst du, o Mensch, sei Sünde?
Der Hund blieb mir im Sturme treu,
der Mensch nicht mal im Winde.

Option Beschreibung Beispiel
bar class Element welches das click event entgegen nimmt.
$("#acc").accordion({bar: 'MyBarSelector'});     
          
content class Element das den Rumpf unseres Accordions bildet.
$("#acc").accordion({content: 'MyContentSelector'});     
          
current Dieses Element wird von jQuery vergeben und dient der Erkennung des aktiven Elements.
$("#acc").accordion({current: 'MyCurrentSelector'});     
          
Version Download Bild   Download-Archive
1.2   Zip 55.56%   Tar 11.11%   7z 33.33%
/**
 * jQuery Accordion plugin
 *
 * @name jquery-Accordion-1.2.js
 * @author Rocco Wernicke - http://r-wernicke.de
 * @version 1.2
 * @date Februar 28, 2017
 * @category jQuery plugin
 * @copyright (c) 2012 Rocco Wernicke
 */
(function (factory){
  if (typeof define === 'function' && define.amd)
  {
    // AMD
    define(['jquery'], factory);
  }
  else if (typeof module === 'object' && module.exports)
  {
    factory(require('jquery'));
  }
  else
  {
    // Browser globals
    factory(jQuery);
  }
 
}, function ($){
  "use strict";
  var subs = {
      checkStr: function ($sStr)
      {
          var regex = /[A-Za-z]\b/;
 
          if ($sStr.match(regex))
          {
              return $sStr;
          }
          else
          {
              return false;
          }
      }
 
  };
 
  $.fn.accordion = function (options)
  {
    var settings = $.extend({
      bar: 'bar',
      content: 'content',
      current: 'current'
    }, options);
 
    if(settings.bar === 'bar' || subs.checkStr(settings.bar) !== false)
    {
        var $bar = $('.' + settings.bar);
    }
    else
    {
      return false;
    }
 
    if(settings.content === 'content' || subs.checkStr(settings.content) !== false)
    {
        var $content = $('.' + settings.content);
    }
    else
    {
      return false;
    }
 
    if(settings.current === 'current' || subs.checkStr(settings.current) !== false)
    {
        var $current = settings.current;
    }
    else
    {
      return false;
    }
 
    if (!$content.length || !$bar.length)
      return;
 
    $content.hide();
 
    $bar.click(function ()
    {
      $bar.removeClass(settings.current);
 
      $content.not("hidden").slideUp("slow");
 
      var current = $(this);
 
      $(current).next().not(":visible").slideDown("slow", function ()
      {
        current.addClass($current);
      });
 
    });
 
  };
}(jQuery));

      

Licensed under the MT License
(The MIT License)

Copyright © 2010 Rocco Wernicke

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Webmaster Email-Kontakt
Wikingeck 2
24837 Schleswig
Deutschland

Haftung für Inhalte

Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Anbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.

Haftung für Links

Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.

Urheberrecht

Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Nutzen hierfür unser Kontkatformular. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.

Datenschutz

Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name,Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden grundsätzlich nicht an Dritte weitergegeben.

Wir weisen darauf hin, dass die Datenüübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.

Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.

Quelle

Quelle: erstellt mit dem Impressum-Generator von eRecht24.

Quelle: Disclaimer von eRecht24, dem Portal zum Internetrecht von Rechtsanwalt Sören Siebert.