jQuery onclick 하위 메뉴가 열리고 여전히 이동하지 않습니다.

Question

jQuery를 배우려고 노력 중이며 온라인에서 몇 가지 연구를했으며 실수하고 있습니다. 이것은 정말로 슬프다. 나는 당신의 도움이 필요하다.

Here is my code in codepen website 내 코드를보고 가능한 경우 변경하고 저장하십시오. 내 로컬 컴퓨터에 해당 코드가 있습니다.

$('a.footer-site-link-sub-menu:firstchild').css({cursor: "pointer"}).on('click', function(){ 
    $(ul.footer-sub-links).find('ul li').classList.toggle("show"); 
}); 

Answer 1

스크립트로이 코드를 사용해보십시오.

$(function(){ 
     $('a.footer-site-link-sub-menu').on('click', function(e){ 

      if($(this).next("ul").hasClass("footer-sub-links")) 
      { 
       $(this).next("ul.footer-sub-links").removeClass("footer-sub-links").addClass("show");   
      } 
      else 
      { 
       $(this).next("ul.show").removeClass("show").addClass("footer-sub-links"); 
      } 

      e.preventDefault(); 

     }).css({cursor: "pointer"}); 
    }); 

codepen link