Active menu yapamıyorum.

Merhaba arkadaşlar, daha önce jquery ile hiç bir şey yapmadığım için bilmiyorum. O yüzden örnek bir menu buldum ekliyorum yapamıyorum. jQuery kütüphanesini çağırıyorum google dan ardından <script> tagları arasına kodları ekliyorum ama olmuyor hatayı nerde yapıyor olabirim ? Localhostta deniyorum.

https://codepen.io/lenymo/pen/jPNGdq

Bunu yapamıyorum misal active kısmı çalışmıyor.

Hocam kullanmak istediğiniz menü Salt CSS kullanmaktadır. CSS alanındaki kodları .scss dosyası içerisinden çalıştırmalısınız.

Başka menü denedim onlarda olmuyor, kendi kodladığım menüye misal bu kısmı nasıl ekleyebilirim ?

$(document).ready(function(){
$('ul li a').click(function(){
$('li a').removeClass("active");
$(this).addClass("active");
});
});

Yani diyelim yukarıdan menüden bir kategoriye tıklanıldığında o kategorideyken o kategorinin adına başka efekt koyacağım.

Kodlarınızı codepen ya da jsfiddle üzerine eklerseniz yardımcı olalım.

Daha menüyü yapmadım ama yapınca atayım olur mu ? Sonra üzerinde düzenleme yaparım.



Mesela şöyle bir menü internetten buldum şimdi, hover efekti var. O sayfaya girdiğimizde farklı renk olsun veya border olsun o şekil yapacağım.

https://jsfiddle.net/67zahcje/

Bunu jQuery ile yaparsınız ancak kullandığınız scriptte bunun için ayar çekmek gerekiyor. Örnek olarak hangi sayfa aktifse, menüye aktif classı eklensin gibi.

Örnek aşağıdadır:
https://jsfiddle.net/a6p95xkL/