FAQ 게시판 - JQuery 슬라이드 > 그누보드5 스킨

그누보드5 스킨

스킨 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

FAQ 게시판 - JQuery 슬라이드 정보

게시판 FAQ 게시판 - JQuery 슬라이드

첨부파일

첨부파일 qna.zip (157.9K) 212회 다운로드 2019-02-11 13:48:27

본문

TweenMax를 이용한 슬라이딩 FAQ 스킨입니다.

리스트만 존재합니다.

 

PSD 첨부하였으니 'Q', 'A', 'V' 를 바꾸셔서 쓰세요.

추천29

댓글 전체

정말 잘 만드십니다. 디자인도 예쁘고요.

그런데 이것이 QNA만 가능한 것이 아닙니다?
제가 생각하는 것이 가능한가요? 만약 그렇다면 대박인데요. ㅎ

고맙습니다!
jquery 버전에 따라 안나올수 있네요.
list.skin.php 20번 줄을 아래와 같이 바꾸세요~

$('.qa_li .question').click(function(){
q = $(".qa_li .question").index(this);
if(q!=qnaNum){
$('.qa_li .answer').stop(true, true).slideUp(400);
$('.qa_li').removeClass('open');
TweenMax.to($('.qa_li .question').eq(qnaNum).find('.iconDiv'), 0.4, {rotation:0});
qnaNum = q;
$('.qa_li').eq(qnaNum).addClass('open');
$('.qa_li .answer').eq(qnaNum).stop(true, true).slideDown(400);
TweenMax.to($('.qa_li .question').eq(qnaNum).find('.iconDiv'), 0.4, {rotation:180});
}else{
$('.qa_li .answer').eq(qnaNum).stop(true, true).slideUp(400);
$('.qa_li').eq(qnaNum).removeClass('open');
TweenMax.to($('.qa_li').eq(qnaNum).find('.question p'), 0.4, {rotation:0});
qnaNum = -1;
}
});
© SIRSOFT