Html css de nasıl yapılıyor?

http://theme-fusion.com/avada/4-column/

All desing logo butonları olayı nasıl yapılıyor?

tıklayınca sadece logo ya ait objeleri göstermesi.

Efekt olayları ayrıntılı da, efektsiz kabaca anlatmak gerekirse yukarıya nav diyelim, alt tarafa da content.

content'te li'ler var; class="logo", class="web" olarak listelenmiş. (class yerine data-lorem de olabilir)

nav'da logo'ya tıklayınca content li class'ı veya işte data-lorem neyse logo olanlar haricini hide yapıyorsun, işlem böyle çözülüyor.

Eğer JavaScript kullanmak istemiyorum dersen Rıza Selçuk Saydam'ın "Tıklamaları Javascript yerine CSS ile işlemek" yazısını okumanı tavsiye ederim.

http://mixitup.io

Bunun javascript de bir adı vardı malesef unutum, ancak bu eklenti ile istediğin sonuca ulaşabilirsin, nasıl yapılıyor sorusuna ise biraz matematik bilgisi ile hesaplatma yapman gerekmekte, Aziz'in dediği yol ile bir nevi kategorilerini belirlersin, ancak yine örnek verdiğin sitedeki gibi bir dizilim için JavaScript en güzel yöntem.

Linkte verdiğim eklentiyi incelemeni tavsiye ederim.

teşekkürler hocam bilgiler için.

İşi çözmek için elementi kullanan siteden kaynak kodları indirdim css js html hepsini ayıkladım.
Şuan sadece karşımda istediğim olay var. öyle öyle çözücem bakalım tüm kodları inceleye inceleye.