테스트 사이트 - 개발 중인 베타 버전입니다

아코디언 코드에서 다른 영역 눌렀을때 채택완료

dkdh12 3년 전 조회 1,391

아코디언 코드에서 다른 영역 눌렀을때 원래 펼쳐져있던 내용이 접히는 것 까지는 되는데 화살표도 다시 원래대로 아래로 향했으면 좋겠습니다ㅜㅜ 이게 안되니 화살표도 엉망진창이네요 어떻게 하면 좋을까요..?

 

   

   

       

이용안내

   

   

       

           

회원가입 안내

           

       

       

            {$member_info}

       

   

 

   

       

           

주문 안내

           

       

       

            {$order_info}

       

   

 

   

       

           

결제 안내

           

       

       

            {$payment_info}

       

   

 

   

       

           

배송 안내

           

       

       

           

                   

  • 배송 방법 : {$shipping_method}
  •                

  • 배송 지역 : {$shipping_area}
  •                

  • 배송 비용 : {$shipping_fee}
  •                

  • 배송 기간 : {$shipping_period}
  •                

  • 배송 안내 : {$shipping_agreement}
  •            

       

   

 

   

       

           

교환/반품 안내

           

       

       

            {$product_change_info}

       

   

 

   

       

           

환불 안내

           

       

       

            {$refund_info}

       

   

 

   

       

           

기타 안내

           

       

       

            {$etc_info}

       

   

 

var $title = $('.xans-mall-faq .title');

    var $content = $('.xans-mall-faq .cont')

    $content.hide();

    $title.click(function(){

        $(this).children().toggleClass('active');

        $content.not($(this).next($content).slideToggle()).slideUp();

    });

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

그부분을 클래스로 줘서 .attr('class', 'icon') 이런식으로 바꾸시던지 아니면 addClass와 removeClass로 활용하면되요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

d
dkdh12
3년 전
말씀해주신대로 해도 잘 안되서 그러는데 혹시 예시 코드 부탁드려도 될까요..?
릴보이즈
3년 전
$content.not($(this).next($content).slideToggle()).slideUp().removeClass('icon');
옆에다가 넣어보세요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인