jQuery plugins - myAccordion
máj 11

myAccordion

Sokarcú accordion plugin

Verzió: 1.0
Kiadás dátuma: 2011/05/11
Fejlesztő: S4 Design
Liszensz: MIT, GPL

Bevezető

Több projektnél is szükségem lett volna olyan accordion megoldásra, amely nem kizárólag menükhöz van, hanem tetszőleges tartalmakhoz. Találtam rá több megoldást is, de egyik sem ötvözte az összes lehetőséget: az egyik csak ezt tudta, a másik csak azt...

Gondoltam hát egy nagyot és megírtam életem első plugin-ját. Igyekeztem minden olyan funkciót belegyúrni, ami egy accordion plugin használatakor igényként felmerülhet, illetve igyekeztem az eddigi plugin-oknál szerzett tapasztalataimat is felhasználni. Ennek ellenére biztos vagyok benne, hogy a plugin nem tökéletes, így ha valakinek észrevétele, javaslata, illetve kritikája van, akkor megköszönném, ha azt megosztaná velem (info@s4d.hu vagy info@jquery-plugins.hu).

Jellemzők

  • könnyű implementálás
  • testreszabható kinézet
  • single és multi típus
  • easing.js támogatás
  • publikus metódusok
  • kompatibilitás: Firefox, Opera, Google Chrome, Safari, Internet Explorer 7+

Implementálás

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.myAccordion.1.0.min.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $('#pelda').myAccordion();
            }); 
          

Teljes paraméterlista

  • cssButton: a gomb CSS szelektora (alapértelmezett: 'myButton')
  • cssContent: a lenyíló tartalom CSS szelektora (alapértelmezett: 'myContent')
  • cssActive: az aktív elem CSS szelektora (alapértelmezett: 'myActive')
  • openEasing: a lenyíló animáció típusa (alapértelmezett: 'easeOutBounce')
  • openDuration: a lenyíló animáció sebessége milliszekundumban (alapértelmezett: 500)
  • closeEasing: a bezáró animáció típusa (alapértelmezett: 'easeOutBounce')
  • closeDuration: a bezáró animáció sebessége milliszekundumban (alapértelmezett: 500)
  • activeElement: kezdéskor aktív elem, vagy az aktív elemek tömbként - 0 érték esetén nincs aktív elem (alapértelmezett: 0)
  • everActive: single típus esetén (accordionType paraméter) mindig legyen aktív egy blokk
    (true | false) (alapértelmezett: false)
  • accordionType: a blokkok kezelésének típusa ('single' | 'multi') (alapértelmezett: 'single')
  • accordionEvent: a gombokhoz rendelt esemény ('click' | 'hover' | 'dblclick') (alapértelmezett: 'click')
Metódusok
  • blockOpen(szám | [tömb]): megadott blokk(ok) lenyitása
  • blockClose(szám | [tömb]): megadott blokk(ok) bezárása
  • blockOpenAll(): minden blokk lenyitása
  • blockCloseAll(): minden blokk bezárása