Toggle Content jQuery

아코디언 기능(컨텐츠 펼침/접힘 토글) jQuery

Q&A나 FAQ(자주 묻는 지문) 처럼 제목을 누르면 내용이 펼쳐지고 다시 누르면 내용이 접히는 jQuery입니다. 단순하지만 유용하게 사용할 수 있는 코드입니다.

$(document).ready(function() {
$(".content").hide();
//content 클래스를 가진 div를 표시/숨김(토글)
$(".heading").click(function()
{
$(this).next(".content").slideToggle(500);
});
});

(* 참고: 워드프레스에서 위 코드를 사용할 경우 $ 기호를 모두 jQuery로 변경하시기 바랍니다.)

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.