Tab menüler çok kolay bir mantığa dayanıyor. İşin özü görünen elemanı
Görünecek elemanı da
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.
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.
Tab Example - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
jsfiddle.net
Son düzenleme: