Aslında yazının başlığı saf Css3 akordiyon  örneği olacaktı ama üzülerek söylüyorum 124 bitlik bir resim yüzünden bu akordiyon örneği saf kelimesini haketmiyor.  Resim başlıklarının arkaplanında şeffaf  bir  bölüm oluşturmak istedim ama bunun sonucunda resim başlıklarıda ister istemez  şeffaf  bir hal alıyordu. Ya  çok fazla  satır ekleyecektim html kodlar  içine yada...

Nate Armagost tarafından hazırlanan  zAccordion eklentisi çok  özellikli akordiyon manşet örneklerine meraklı olan herkese  hitap  eden türden. Eklenti  bir değil  bir  kaç  demodan oluşuyor.  Mouse Over, Click funtion, timeout, animation ve  slide  gibi  komutlarla  çalışan örnekler  oluşturulabiliyor  zAccordion eklentisi ile.

jQuery  ile  oluşturulmuş akordiyon  örneği.  Akordiyon  örneği  tam anlamıyla bir menü olarak hazırlanmış olamasa da kategorilerinizi  entegre  edip dikey akordiyon çalışmaları   hazırlayabilmeniz  için kulllanabileceğiniz oldukça basit bir iskelet diyebilirim. Akordiyon menü için gerekli olan animasyonlu kayan sekmeler li elementi ile oluşuyor. Birinci li elementi daima başlık olarak algılanıyor ve...

Örneğin şekline  bakıldığında  kwicks eklentisini  andıran bir yapısı  var.  Akordiyon örnekleri genelde  ya manşet kısmındaki slayt galeri örnekleri için kullanılır yada akordiyon menü olarak kullanılır. Bu örneğimizde bildiğimiz  tab örneğinin değiştirilmiş hali diyebiliriz. Tab örneklerinde  tıklanan sekmenin açıklaması  altında  açılırken bu demoda slayt akordiyon  olarak açılıp  sekmenin sağında  açıklamalar çıkıyor....

Bazı websitelerinde  kategori  sayısı oldukça  fazla olduğundan dolayı menüleri  sitenin sağ yada sol tarafına eklemek oldukça gereksiz ve çok fazla yer kaplayan bir durumdu. Bu yüzden en çok kullanılan menü örnekleri  sitenin en üstünde  bulunan yatay menülerdir. Akordiyon menüler sayesinde çok fazla olan kategori listesini küçücük bir  bölüme sığdırabilmek mümkün....