좌측 카테고리 메뉴 질문

좌측 카테고리 메뉴 질문

QA

좌측 카테고리 메뉴 질문

본문

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

 

총 3뎁스까지 있으며

 

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

 

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

 

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

 

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

 

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

 

감사합니다.

이 질문에 댓글 쓰기 :

답변 2

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

<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");
    });
  });

답변을 작성하시기 전에 로그인 해주세요.
전체 0
QA 내용 검색
filter #css ×
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

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