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

모바일 메뉴 슬라이드토글... 채택완료

양순둥 3년 전 조회 1,571

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

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

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

 

</p>

<p>            $(".btn_gnb_op").click(function(){</p>

<p>                $(this).toggleClass("btn_gnb_cl").next(".gnb_2dul").slideToggle(300);</p>

<p>                $(this).next(".gnb_2dul").siblings(".gnb_2dul").slideUp(300); </p>

<p>            });</p>

<p>

 

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

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

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

답변 2개

채택된 답변
+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]

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

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

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

로그인