Tab menüler çok kolay bir mantığa dayanıyor. İşin özü görünen elemanı display: none yapıp görünecek elemanı da display: block yapmak.
Görünecek elemanı da a etiketinin href‘ine yazdığımız eleman id‘sinden buluyoruz.
Güzel görünmesi için de birkaç CSS yazmak gerek tabii ki.
Ben biraz karmaşıklaştırmak için kapanan elemanın kayarak gideceği bir efekt yapmak istedim. Kodlar her zamanki gibi JSFiddle’da.
