제이쿼리 - 토글 toggle

토글은 요소가 보이면 보이지 않게 안보이면 보이게 만드는 메소드 이다.

같은 기능을 show() 와 hide()를 이용해서 만들 수 있는데

토글을 사용하면 코드가 더 간결해지면서 같은 효과를 낼 수 있다.

(다만 show() hide()는 속도를 조절 할 수 있어서 좋음)

 

$(function() {
	$(".faq-body h3.question").click(function() {
		$(this).next(".faq-body div.answer").toggle();
	});
});

faq-body 클래스를 받고있는 태그 안에 h3 태그인데 question 클래스를 받고 있는 h3을 클릭하면

다음 태그를 토글 하겠다 (숨겨져 있으면 보이게하고 보여지고 있으면 숨기겠다.)