FAQ 페이지 클릭 / 넌클릭 아코디언 코드

 

**참고 스크립트안에서 Vue 이용

openqs : function(faqIndex) {
	var vm = this;
	const element = document.getElementById('answercont'+faqIndex);
	for ( var i in vm.faqList) {
		if (parseInt(i) === parseInt(faqIndex)) continue;
		document.getElementById('answercont'+ i).style.display = "none"; }
	element.style.display = element.style.display === 'block' ? 'none' : 'block';
    }

 

데이터를 가지오 오는 과정에서

 faqIndex를 문자열 처리 하기 때문에

parseInt(i) === parseInt(faqIndex) 을 꼭 해줘야 정상작동한다.

 

 

html 소스