2026, 새로운 도약을 시작합니다.

제이쿼리 드롭다운 메뉴 질문입니다. 채택완료

제이쿼리를 사용하여 드롭다운 메뉴를 만들고 있는데 

상단메뉴를 클릭하여 서브메뉴가 Slideup, Slidedown 되는 것까지는 구현하였습니다. 

메뉴 중 하나를 클릭시,  다른 메뉴가 펼쳐져 있으면 Slideup 되는 것 (한번에 하나의 서브메뉴만 보이도록) 도 구현하고 싶은데 어떻게 수정하면 될까요? 

Copy


 

    $(document).ready(function(){

        $("#gnb>li>div").click(function(){

            var submenu = $(this).next("ul");

            if( submenu.is(":visible") ){

                submenu.slideUp();

            }else{

                submenu.slideDown();

            }

        });

    });



 



    

        

            Company

            Company

            

                

                회사소개

                연혁

                연구소소개

                조직도

                오시는길                

                

                                

        

            business

            business                                

            

                

                사업1

                사업2

                사업3

                                                    

                                

        

            products

            products                                

            

                

                제품1

                제품2

                제품3

                                                    

                                

        

    

 

 

답변 1개

채택된 답변
+20 포인트

http://mugen00.moo.jp/sample/js_toggle/js_toggle.html

위 페이지 데모의 4번 항목 참고하세요~

소스보기하시면 js 나옵니다.

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

답변에 대한 댓글 3개

답변 정말정말 감사합니다!!!

혹시 소스 중에 아래 부분은 무엇을 뜻하는 것인가요??
$('.open-4').each(function(){
$(this).css("height",$(this).height()+"px");
});

제가 제이쿼리는 아직 공부를 못해서 잘모르겠네요 ㅠ ㅠ
@pwm417 저도 잘 모르는데 그 부분은 높이 맞추는 것 같네요~
css추가 같아요~ 필요한 부분만 적용하시면 될 것 같습니다^^
답변 감사합니다!!

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

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

로그인
🐛 버그신고