토론방

소스관련 서브메뉴 문의

메뉴가 마우스오버하기 전에는 메인에서는 서브가 아무것도 안펼쳐져 있고 서브페이지에 가면 해당 서브페이지가 펼쳐져 있습니다.

서브메뉴 텍스트 부분에 width:100%로 하얀색을 깔고 싶어서.. <div class="subBg"> 태그를 추가하고 jquery 소스 부분을 조금 수정을 하였습니다.

그런데.. 메인은 원하는대로 잘 나오고 있는데... 서브페이지에서는 마우스를 오버를 해야만 subBg가 펼쳐져 나와서... 서브페이지에서는 subBg가 계속 펼쳐져 있게 하려면 jquery에 어느부분을 더 수정을 해야 될런지요??? ^^;;;

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

배**영 2016-01-14

소스 수정되었습니다.

$('.subBg').stop().animate({height:0}, 200);

앞에

if(!$(".dep1 > li").hasClass("on")) 추가되었습니다.

서브페이지에서는 on class가 자동으로 붙기때문에 이 문서 로드했을때 class="on"이 있으면 height:40을 줬습니다.

$(function(){

if($(".dep1 > li").hasClass("on")) $('.subBg').css("height","40");

});

댓글작성

열기 닫기

top