Latest web development tutorials

jQuery Akkordeon

jQuery Akkordeon-Plugin wird verwendet, Pulldown-Menü zu erstellen. Es wird in der Regel in Verbindung mit verschachtelten Listen, Definitionslisten oder verschachtelte div verwendet. Option wird verwendet, um die Struktur der aktiven Elemente und benutzerdefinierte Animationen zu spezifizieren.

Das Plug-In ist jetzt jQuery UI Teil der Standalone - Version wird nicht aktualisiert. Die aktuelle Version ist 1.6.

jQuery Akkordeon offiziellen Website , jQuery Akkordeon - Plugin herunterladen: http://www.w3big.com/try/download/jquery-accordion.zip .

Für weitere Informationen über Akkordeon, finden Sie in der API - Dokumentation Klapptafelelement (Akkordeon das Widget) .

Standard

Standard-Code lautet wie folgt: 

jQuery('#list1a').accordion(); 
jQuery('#list1b').accordion({ 
    autoheight: false 
});

Navigation

Ungeordnete Liste mit Anker und verschachtelte Liste 

jQuery('#navigation').accordion({ 
    active: false, 
    header: '.head', 
    navigation: true, 
    event: 'mouseover', 
    fillSpace: true, 
    animated: 'easeslide' 
});

Mit der Option

Ein Container ist eine Liste von Definitionen, der Titel ist dt, ist der Inhalt dd. 

jQuery('#list2').accordion({ 
    event: 'mouseover', 
    active: '.selected', 
    selectedClass: 'active', 
    animated: "bounceslide", 
    header: "dt" 
}).bind("change.ui-accordion", function(event, ui) { 
    jQuery('<div>' + ui.oldHeader.text() + ' hidden, ' + ui.newHeader.text() + ' shown</div>').appendTo('#log'); 
});