FAQ 스크립트
페이지 정보
본문
<ol class="ol_faq_con ol_faq_con-1"> <li class="li_faq_con li_faq_con0 li_faq_click_h3" data-idx="0"> <h3 class="h3_faq_con h3_faq_con0" data-idx="0"> <span class="tit_bg tit_bg_questions">Q</span> <a href="#none_0_1_1" class="a_faq_con a_faq_con0" data-idx="0">회원가입 안내</a> </h3> <div class="con_inner con_inner0" style="display: none;"> <span class="tit_bg tit_bg_answer">A</span> <p>메뉴를 통해 이용약관</p> <div class="con_closer con_closer0"> <button type="button" class="closer_btn closer_btn0 btn_b03" data-idx="0">닫기</button> </div> </div> </li> <li class="li_faq_con li_faq_con1 li_faq_click_h3" data-idx="1"> <h3 class="h3_faq_con h3_faq_con1" data-idx="1"> <span class="tit_bg tit_bg_questions">Q</span> <a href="#none_1_1_1" class="a_faq_con a_faq_con1" data-idx="1">회원가입 안내222</a> </h3> <div class="con_inner con_inner1" style="display: none;"> <span class="tit_bg tit_bg_answer">A</span> <p>메뉴를 통해 이용약22</p> <div class="con_closer con_closer1"> <button type="button" class="closer_btn closer_btn1 btn_b13" data-idx="1">닫기</button> </div> </div> </li> </ol>
function faq_open(sThis) { var idx = $(sThis).attr('data-idx'); var $con = $(sThis).closest('li').find('.con_inner'); var $h3 = $(sThis).closest('li').find('h3') if($con.is(':visible')) { $h3.removeClass('faq_li_open'); $con.slideUp(); } else { $('.skin_faq_container li.li_faq_con .con_inner:visible').hide(); $con.slideDown( function() { // image resize $con.viewimageresize2(); $('.skin_faq_container li.li_faq_con h3').removeClass('faq_li_open'); $h3.addClass('faq_li_open'); } ); } return false; } function faq_close(sThis) { var idx = $(sThis).attr('data-idx'); $(sThis).closest('.con_inner').slideToggle('slow', function() { var $h3 = $(sThis).closest('li').find('h3'); $('.skin_faq_container li.li_faq_con h3').removeClass('faq_li_open'); if( $(sThis).is(':visible')) { $h3.addClass('faq_li_open'); } }); return false; }
추천
0
비추천
0
- 이전글 특수문자 변환 23.06.21
- 다음글 jquery element 의 hide 여부 판단 하기 23.05.13
