제이쿼리 질문 드립니다.
| CMS/프레임워크 | Rhymix 2.0 |
|---|---|
| 개발 언어 | PHP 7.4 |
$('.gnbm > ul > li').click(function(e){
e.preventDefault();
$('.gnbm .depth2').slideUp();
if($(this).children('.gnbm .depth2').is(':hidden')) {
$(this).children('.gnbm .depth2').slideDown();
} else {
$(this).children('.gnbm .depth2').slideUp();
}
});
e.preventDefault();
$('.gnbm .depth2').slideUp();
if($(this).children('.gnbm .depth2').is(':hidden')) {
$(this).children('.gnbm .depth2').slideDown();
} else {
$(this).children('.gnbm .depth2').slideUp();
}
});
아코디언 메뉴를 만들려고 제이쿼리를 저렇게 썼는데,
1차메뉴를 클릭하면 2차메뉴가 펼쳐지는 형태이고 1차메뉴 클릭시에는 페이지 이동 없게끔 하려고 e.preventDefault(); 를 넣었습니다.
근데 이렇게 하니깐 2차메뉴도 클릭이 안돼버립니다.
초보라 어렵네요 ㅜ
어떻게 수정하면 되는지 알려주실 수 있나요?
댓글 1
그냥 간단하게 1차메뉴들을 바로가기 메뉴들로 구성하시고 해당 링크를 # 으로 넣으시면 됩니다.
사이트 메뉴 구성하는 구간에서 1차메뉴들을 바로가기 메뉴로 만들어서 링크주소 입력란에 # 넣으시고 jquery쓸필요는 없습니다.