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

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

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

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

첨부파일

qna.zip (157.9K) 1276회 다운로드 2019-02-11 13:48:27

본문

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

리스트만 존재합니다.

 

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

추천
34

댓글 전체

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

그런데 이것이 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;
}
});
디자인이 좋아서 스킨을 다운 받았어요~ 감사합니다~
다만 다운을 받아서 쓰고 있는데 답을 펼쳤을때 뚝뚝 끊겨서 내려오네요ㅠㅠ 어떻게 고쳐야하나요ㅠㅠ
전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT