SimpleAccordion.js – Basit bir akordeon uygulaması

1
428
views

simple
Akordiyon menü örnekleri  hazırlayabilmeniz  için kullanımı oldukça basit  bir akordiyon menü uygulaması. Bu tür  örnekleri  hep akordiyon menü diye adlandırıyorum ama illa  menü olacak diye bir kaide  yok. Belki  karşılaşmışsınızdır bazı sitelerde  farklı amaçlarla kullanılan akordiyon örnekleri  bulunuyor. Zaten  Simple Accordion  da kullanıma hazır bir menü örneği değildir. Tıklandığında  açılan bölümlere  resim  yada yazı da ekleyebilirsiniz. İsterseniz  açılan bölümlere link ekleyerek menü  olarak ta kullanabilirsiniz. Normal de div  diye adlandırdığımız çerçevelere  akordiyon uygulamasında dl olarak adlandırılmış. Akordiyon butonları dt ve akordiyon içeriği de dd  olarak adlandırılmış. Ayrıca  ilk  sayfa  açıldığında  açık olmasını istediğiniz  akordiyon sekmesine active sınıfını  eklerseniz  sekmeniz  açık görünecektir.

 

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Js ve css adresleri :

 

JavaScript :

 

  • Body etiketleri arasına eklemeniz gereken bölüm.

Html :

 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikImpulse
Sonraki İçerikProgramsız Twitter otomatik takip etme (Auto Follow)
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

1 Yorum

CEVAP VER

Please enter your comment!
Please enter your name here