좌측 카테고리 메뉴를 클릭시 하위메뉴 노출형태로 코딩을 하려합니다.
총 3뎁스까지 있으며
클릭시 우측에 아이콘도 변경이 있어야 합니다.
슬라이드 토글과 토글 클래스를 이용해서 짰는데
하나 클릭시 전체 메뉴가 한 번에 펼쳐집니다.
고수님들의 조언 좀 부탁드립니다.
쿼리 1.4.2 버전 사용중입니다.
감사합니다.
사용중인 관련 소스 없이는 답변하기 어려운 질문입니다
댓글을 작성하려면 로그인이 필요합니다.
$(document).ready(function(){ $(".oDepthMoreBtn").click(function(){ $(this).parents('ul').find(".TwoDepth").slideToggle("slow"); }); });
답변을 작성하려면 로그인이 필요합니다.
이 게시물을 신고 하시겠습니까?신고사유를 선택해주세요.
<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");
});
});
소스가 너무 길어서 일부만 올립니다.