Word Cracker의 잡다한 정보 모음

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

0 245

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

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

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

참고:

Related Posts

Comments