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

처음에만 서브메뉴가 펼쳐져 나와요 채택완료

메뉴가 처음에만 서브메뉴가 그대로 나와있어요 ㅠ.ㅠ

메뉴에 갖다대면 다시 정상적으로 잘되는데 새로고침 하면 서브메뉴가 그대로 펼쳐져나옵니다..

이리저리 해봐도 수정이 안되네요 ㅠ.ㅠ 왜그러는걸까요 display:none; 으로 숨겨봤는데 메뉴 작동은 안되고;

235a86f97d5e43f5246856dec1828c11_1461476425_9752.jpg 

head.php 파일에 메뉴 소스가

Copy
    
        메인메뉴
        
                        
            
                메뉴 준비 중입니다. 

메뉴쪽 css입니다.

Copy
.category_submenu_box2{width:100%;background:#25201b;position:absolute;}.clearfix:after{display:block;clear:both;content:"";}
.category_submenu_box{max-width:1200px;margin: 0 auto !important;top:0px;background:#25201b;height:0px;zoom:1; }
.category_submenu_box li{float:left;margin-left:1px;width:133px;position:relative;}
.category_submenu_box li.first-child_0, .category_submenu_box li:first-child{}
.category_submenu_box li.first-child_1{width:133px;}
.category_submenu_box li.first-child_2{width:133px;}
.category_submenu_box li.first-child_3{width:133px;}
.category_submenu_box li.first-child_4{width:133px;}
.category_submenu_box li.first-child_5{width:133px;}
.category_submenu_box li.first-child_6{width:133px;}
.category_submenu_box li.first-child_7{width:133px;}
.category_submenu_box li.first-child_8{width:133px;}
.category_submenu_box li.first-child_9{float:right;width:133px;}.category_submenu_box li .category_submenu{padding:0; font-size:1.1em;color:#555555;}
.category_submenu_box li .category_submenu a{padding:8px 10px 8px 10px; font-size:13px;color:#fff;display:block;font-family:"NanumGothicBold";letter-spacing:-1px;}
.category_submenu_box li .category_submenu a:hover{padding:8px 10px 8px 10px; font-size:13px;color:#25201b;display:block;background:#fff;text-decoration:underline;opacity:1;letter-spacing:-1px;}
.subcategorybg{position:absolute;left:-20px;top:-122px;}
.category_submenu_box li .category_submenu dd{margin-left:0px;}

메뉴 js입니다

Copy
$(document).ready(function(){
/* 하단으로 펼쳐지는 메뉴 */  
  $(".gnb_1dli").mouseover(function(){   $(".category_submenu_box li").each(function(i){
     $(this).data("index", i);
   });
   
   $("#gnb_1dul li").each(function(i){
     $(this).data("index", i);
   });   $(".category_submenu_box").show();
   $(".category_submenu_box").stop().animate({"height":"250px"},500);
  });  $(".category_submenu_box").mouseleave(function(){
   
   SubCategoryOut();  });  $(".category_submenu_box li").mouseover(function(){
   var inx = $(this).data("index") ;
   $("#gnb_1dul li").removeClass("gnb1_dli_over");
   $("#gnb_1dul li").removeClass("gnb_1dli_on");
   $("#gnb_1dul li").each(function(i){
   
    if( inx ==  i){
     $(this).addClass("gnb1_dli_over ");
     $(this).addClass("gnb_1dli_on ");
    }
   });
  });  $("#gnb").mouseleave(function(){
   //SubCategoryOut();
  });  function SubCategoryOut(){
   $(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");   $(".category_submenu_box").stop().animate({"height":"0px"},500,null,function(){$(".category_submenu_box").hide();});
  }
}); 

답변 1개

채택된 답변
+20 포인트

display:none;가 안먹는다면 자바스크립트부분에 $(".category_submenu_box").hide(); 이렇게 넣어도안되나요?? 

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

답변에 대한 댓글 2개

감사합니다!!
어느부분을 $(".category_submenu_box").hide(); 이렇게 고쳐줘야해요?

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

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

로그인
🐛 버그신고