Submenu için bir aç/kapa CSS'ini JS ile eklemeye çalışıyorum ama JS bilgim çok az. Aşağıdaki kod basit bir hata veriyor belli ama çözemedim, sorun nedir acaba?

$(".menu-item-has-children").click(function() {
   $(".sub-menu").css("display","block");
})

Konsoldan baktığımda 1. satırın sonunda Yakalanmayan TypeError: $ bir işlev değil hatasını gördüm.

JS kodunu dosyaya ekleyince tüm JS'ler çalışmaz oluyor.