구체적인 내용은 다음과 같습니다.
$('.back_left dt').toggle(function(){ $(this).addClass("selected"); $(this).siblings('dd').slideUp(); },function(){ $(this).removeClass("selected"); $(this).siblings('dd').slideDown(); });
오늘 프로젝트를 진행하다가 다른 사람의 웹사이트에서 코드를 복사했는데 구현이 안 되는 걸 발견했어요. 너무 불안해서 더 이상 하고 싶지 않더라고요. jquery 버전 문제인가요? 그러다가 jquery 버전을 1.8로 낮추고 기능을 구현했는데, 제가 만든 jqurey 버전이 1.11.1이었는데, 원인을 찾아보니 쉽게 해결이 되었습니다. 토글 메소드가 버전 1.9에 있는 것으로 확인되었습니다. 버전을 바꾸면 문제가 해결될 수 있는데 더 이상 하위 버전을 사용하고 싶지 않습니다. 그래도 1.11.1 버전을 사용하고 싶은데 토글을 교체하려면 어떻게 해야 하나요?
테스트 후에는 다음 방법을 대신 사용할 수 있습니다.
$(document).ready(function(){ $('.back_left dt').click(function(){ if($(this).hasClass("selected")){ $(this).toggleClass("selected"); $(this).siblings('dd').slideDown(); }else{ $(this).toggleClass("selected"); $(this).siblings('dd').slideUp(); } }); });
매개변수 | 설명 |
---|---|
속도 |
선택사항. 요소가 표시에서 숨김으로(또는 그 반대로) 전환되는 속도를 지정합니다. 기본값은 "0"입니다. 가능한 값:
속도가 설정되면 요소는 표시에서 숨김으로 이동하면서 높이, 너비, 여백, 패딩 및 투명도를 점차적으로 변경합니다. 이 매개변수를 설정하면 스위치 매개변수를 사용할 수 없습니다. |
콜백 |
선택사항. 토글 기능이 실행된 후 실행될 기능입니다. 콜백에 대해 자세히 알아보려면 jQuery 콜백 장을 방문하세요. 이 매개변수는 속도 매개변수를 설정하지 않으면 설정할 수 없습니다. |
스위치 |
선택사항. 부울 값. 토글이 선택한 모든 요소를 숨길지 아니면 표시할지를 지정합니다.
이 매개변수를 설정하면 속도 및 콜백 매개변수를 사용할 수 없습니다. |