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

그누보드5 스킨

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

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

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

첨부파일

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

본문

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

리스트만 존재합니다.

 

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

추천32

댓글 전체

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

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

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT