jquery를 사용하여 클래스를 비활성화하는 방법

Question

현재 두 개의 개별 드롭 다운 <nav> 요소가 포함 된 내 웹 사이트의 새로운 헤더를 작업 중입니다. 그 중 하나는 클래스를 토글하여 클릭하면 X로 바뀌는 햄버거 메뉴입니다.

jquery를 통해 하나의 드롭 다운 메뉴가 활성화되면 다른 하나가 숨겨집니다 (사전에 활성화 된 경우).

문제는 내가 햄버거 메뉴를 X로 만드는 클래스를 비활성화하는 방법을 알아낼 수 없다는 것입니다. 이것을 보려면 JSFiddle을보십시오.

(한 번에 3 개의 바 클릭하십시오, 그 후 회색 버튼을 두 번 볼)

클래스를 전환 JQuery와 라인에 27

- 편집을 볼 수 있습니다하십시오. 토글 된 클래스는 CSS의 110 행에서 찾을 수 있습니다.

# prod-toggle을 클릭하면 해당 항목이 비활성화되어야합니다. removeClass()를 사용해 보았지만 올바르게 타겟팅 할 수 없습니다. 아무도 이것이 어떻게 할 수 있는지 말해 줄 수 있습니까?

Answer 1

사용이 :

$("#element id").removeClass(); 

매개 변수없이 removeClass 호출이 항목의 모든 클래스를 제거합니다.

document.getElementById('item').className = ''; 

: 당신이 jQuery를 사용하지 않은 경우

 $("#element id").removeAttr('class'); 
     $("#element id").attr('class', ''); 
     $('#element id')[0].className = ''; 

당신이 자바 스크립트를 사용할 수 있습니다 :

또한 사용할 수 있습니다

(그러나 반드시 권장되지는 올바른 방법은 위의 하나입니다)