메뉴 슬라이드 스크립트 질문좀 드리겠습니다.
본문
<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>
이 소스로 대체하려고 하는데 아직 스크립트 이해도가 떨어지다보니
이것저것 넣어봐도 해결이 영 잘 안되네요..
혹시 기존소스에서 문제가 있는지 아니면
변환했을 때 어떻게 변환해야하는지... 알려주시면 감사하겠습니다ㅏ...
