채택완료

메뉴 슬라이드 스크립트 질문좀 드리겠습니다.

2016-11-14 (월) 16:24:25 3,478

<script type="text/javascript">

$(document).ready(function() {

//gnb

$(".gnb_list > ul > li").mouseenter(function(){

$(".gnb_list > ul > li").removeClass("on");

$(this).addClass("on");

});

//fullmenu

$(".open_fullmenu").click(function(){

if( $(this).hasClass("on") == false ){

$(this).next(".fullmenu").slideDown("fast");

$(this).addClass("on");

} else{

$(this).next(".fullmenu").slideUp("fast");

$(this).removeClass("on");

}

return false;

});

});

</script>

이 스크립트를 적용중인데 대메뉴에 마우스를 올리면 서브메뉴가 내려옵니다.

근데 마우스를 치우면 서브메뉴가 사라져야 하는데 그대로 있습니다..

그래서

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script type="text/javascript">

$(function(){

$("ul.sub").hide();

$("ul.menu li").hover(function(){

$("ul:not(:animated)",this).slideDown("fast");

},

function(){

$("ul",this).slideUp("fast");

});

});

</script>

이 소스로 대체하려고 하는데 아직 스크립트 이해도가 떨어지다보니

이것저것 넣어봐도 해결이 영 잘 안되네요..

혹시 기존소스에서 문제가 있는지 아니면

변환했을 때 어떻게 변환해야하는지... 알려주시면 감사하겠습니다ㅏ...

답변 1개

채택된 답변
+20 포인트

메뉴 소스를 보여주셔야 정리가 될 내용 같습니다.

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