크롬80버전 결제 이슈, 영카트5 주요패치 확인!

좌측 카테고리 메뉴 질문

컨텐츠몰 10% 할인 기간연장!
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
좌측 카테고리 메뉴 질문

QA

SIR 컨텐츠몰 10% 특별할인 - 코로나19 바이러스로 어려운 시기, SIR이 함께 하겠습니다.

좌측 카테고리 메뉴 질문

본문

좌측 카테고리 메뉴를 클릭시 하위메뉴 노출형태로 코딩을 하려합니다.

 

총 3뎁스까지 있으며

 

클릭시 우측에 아이콘도 변경이 있어야 합니다.

 

슬라이드 토글과 토글 클래스를 이용해서 짰는데

 

하나 클릭시 전체 메뉴가 한 번에 펼쳐집니다.

 

고수님들의 조언 좀 부탁드립니다.

 

쿼리 1.4.2 버전 사용중입니다.

 

감사합니다.

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 2

채택됨

볼피드님의 답변

사용중인 관련 소스 없이는 답변하기 어려운 질문입니다

주소복사
채택됨
답변의 댓글
glad님의 댓글
<aside class="subCategoryList">

            <div class="sC_List">
                <ul class="OneDepth">
                    <li>
                        <a href="javscript:;">복사용지</a><a class="oDepthMoreBtn">하위 메뉴 더 보기</a>
                        <div class="TwoDepth">
                        <ol>
                            <li>
                                <a href="javascript:;">A4 복사용지</a>
                                <a href="javascript:;" class="tDepthMoreBtn"></a>
                                <div class="ThirdDepth">
                                    <ol>
                                        <li><a href="javascript:;">-80g</a></li>
                                        <li><a href="javascript:;">-75g</a></li>
                                        <li><a href="javascript:;">-칼라복사용지</a></li>
                                        <li><a href="javascript:;">-친환경/장애인</a></li>
                                        <li><a href="javascript:;">-렌터지(US규격)</a></li>
                                    </ol>
                                </div>
                            </li>
 <li><a href="javascript:;">A3 복사용지</a>
                                <a href="javascript:;" class="tDepthMoreBtn"></a>
                                <div class="ThirdDepth">
                                    <ol>
                                        <li><a href="javascript:;">-80g</a></li>
                                        <li><a href="javascript:;">-75g</a></li>
                                    </ol>
                                </div>
                            </li>
</ul>
</div>
</asdie>

$(document).ready(function(){
    $(".oDepthMoreBtn").click(function(){
      $(".TwoDepth").slideToggle("slow");
    });
  });

소스가 너무 길어서 일부만 올립니다.

볼피드님의 답변

$(document).ready(function(){
    $(".oDepthMoreBtn").click(function(){
      $(this).parents('ul').find(".TwoDepth").slideToggle("slow");
    });
  });

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 39
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 참여6 회 시작20.04.06 08:27 종료20.04.13 08:27
  2. 참여64 회 시작20.04.04 09:21 종료20.04.11 09:21

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

© SIRSOFT