이전 목록 다음
채택완료

모바일 메뉴 슬라이드토글...

양양순둥
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 1,688

기본 그누보드 모바일 슬라이드메뉴에서 

2차메뉴를 펼치는대로 다 펼쳐지는게 아니라

하나가 펼쳐져 있을때 다른 하나를 펼치면, 기존에 펼쳐둔게 접히도록 하려고 합니다...

 

Copy 
$(".btn_gnb_op").click(function(){

                $(this).toggleClass("btn_gnb_cl").next(".gnb_2dul").slideToggle(300);

                $(this).next(".gnb_2dul").siblings(".gnb_2dul").slideUp(300); 

            });

 

head.php 에서 $(this).next(".gnb_2dul").siblings(".gnb_2dul").slideUp(300);  를 추가했는데 잘 되지 않습니다 ㅠㅠ

초보인지라....많은 도움 부탁드립니다...

그누보드5 php
|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
퍼블블
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전

확인 후 비교해보세요!

https://codepen.io/junheeleeme/pen/BazpBrr

cuwaaang
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 
맨처음
$(".gnb_2dul").siblings(".gnb_2dul").slideUp(300); 
실행후에 나머지 실행

누를때마다 다 닫고 누른거 여는 순서라고 생각하시면됨

 

답변에 대한 댓글 1개

양순둥
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전
[code]
$(".btn_gnb_op").click(function(){
$(".gnb_2dul").siblings(".gnb_2dul").slideUp(300);
$(this).toggleClass("btn_gnb_cl").next(".gnb_2dul").slideToggle(300);
$(this).next(".gnb_2dul").siblings(".gnb_2dul").slideUp(300);
});
[/code]

이렇게 하라는 말씀이신가요?? 이렇게 해도 안되어서...ㅠㅠ

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