[자바 스크립트] 클릭시 활성 마커 위치 변경

코드 스 니펫은 현재 클릭 된 요소의 클래스를 변경하지 않습니다. 다음과 같이 시도해야합니다.

CSS

#example-one li a:hover { 
 /* reset default style properties */
 }
 #example-one li a.hover { color: red }
 

자바 스크립트 :

$("#example-one li").find("a").click(function(e) {
   e.preventDefault(); // stop default action on this element when someone perform a click
      var element = $(this); // assign the current clicked jquery object to element
      
         if (element.hasClass('hover')) {
               element.removeClass('hover');
                  } else {
                        element.addClass('hover');
                           }
                           });
                           

출처
https://stackoverflow.com/questions/22089819