테스트 사이트 - 개발 중인 베타 버전입니다

민트 테마를 응용해서 홈페이지를 만들고 있습니다. 채택완료

muzluv 9년 전 조회 2,401

민트 테마를 응용해서 홈페이지를 만들고 있습니다.  

 

컴퍼니 테마를 써서 PC 버젼을 만들었고, 모바일 부분에만 민트 테마를 덧씌웠습니다. 

 

그런데 모바일 메뉴를 좀 수정하고 싶습니다. 

 


 

지금은 빨간색으로 줄이 되어 있는 부분을 눌러야 하위 메뉴가 나오도록 되어 있습니다. 제가 원하는 것은 하위메뉴를 보여주는 버튼 없이 메인 메뉴를 눌렀을때 바로 하위 메뉴가 나오도록 하는 것입니다. 

 

http://3004ch.db21.net">http://3004ch.db21.net

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

gnb_op 라는 클래스를 이용하여 제이쿼리로 토글 기능이 있는 메뉴 입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
muzluv
9년 전
$(".gnb_op").click(function(){
$(this).next().slideToggle(300).siblings(".gnb_2dul").slideUp("slow");
});


이부분에서 gnb_op부분대신에 gnb_1da을 넣으란 말씀이신가요?? 그렇게 해봐도 안되는데요?

댓글을 작성하려면 로그인이 필요합니다.

class 중에 gnb_op 이 부분이 button으로 되어, 클릭시 이벤트가 활성화 되어 있는데요.

button이 아닌 li 에 주게 되면 말씀하신것처럼 나올것 같네요 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
muzluv
9년 전
제윤아빠님 감사합니다. 그런데 CSS 부분을 손을 보란 말씀이신가요?? 가령 button 에 들어 있는 클래스를 li 에 주라는 말씀이신건가요?? 그렇게 하니까 기존에 들어가 있는 css 가 적용이 안되어 이상하게 나오게 되어 안되네요.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인