모바일 메뉴 제목을 클릭하면 2차 메뉴를 나오게 하고 싶습니다.
본문
모바일 메뉴에서 ">" 버튼을 누르면 하위분류가 열리고 있습니다.
꼭 > 버튼이 아니더라도 그룹메뉴 제목을 클릭하면 2차 메뉴가 열리게 하고 싶은데 어느 부분을 수정해야될까요?
답변 1
해당 모바일 메뉴가 있는 head.php 파일을 여신후
1. 해당 그룹메뉴 제목에 링크를 제거합니다.
<a href="#" class="gnb_1da"><?php echo $row['me_name'] ?></a>
2. 해당 그룹메뉴 제목을 클릭하면 해당 링크에 잡혀있는 클래스(gnb_1da) 다음의 > 버튼의 클래스(btn_gnb_op)을 클릭하는 스크립트 구문을 추가합니다.
$(".gnb_1da").click(function(){
$(this).next(".btn_gnb_op").click();
});
감사합니다. 좀 헤매다가 팁을 주셔서 수정을 했습니다.
위의 님께서 주신 팁을 주신 것만으로도 잘 모르시는 분들을 위해서 조금 더 설명 드리자면
링크 부분을
<!-- <a href="<?php //echo $row['me_link']; ?>" target="_<?php //echo $row['me_target']; ?>" class="gnb_1da"> --><a class="gnb_1da"><?php echo $row['me_name'] ?></a>
이런 식으로 처리했고
하단 <script> 있는 부분에
$(".gnb_1da").click(function(){
$(this).next(".btn_gnb_op").click();
});
소스를 중간에 삽입하여서 해결했습니다.
답변을 작성하시기 전에 로그인 해주세요.
