CSS ile Accordion İçerik Yapımı

Genelde javascript kullanarak yaptığımız bu örneği tamamen CSS ile nasıl yapabileceğimizi videolu olarak anlattım.

Kısaca olaydan bahsedecek olursak, burada kullandığımız tipi checkbox olan input’lardır. Ve css’de input’un checked olduğunu anlayabildiğimiz için checked olduğu zaman input’tan sonra gelen divi açıp kapatabiliyoruz.

Dersin detayları videoda yer alıyor, ben direk demoyu koyayım buraya ^^

See the Pen Accordion Content with Pure CSS by Tayfun Erbilen (@tayfunerbilen) on CodePen.7393

Bir Cevap Yazın