eye테마 모바일메뉴 닫기버튼
본문
eye 테마사용중인데
모바일메뉴 클릭시 이미지 닫기 버튼으로 변경되고
모바일메뉴중 클릭되면 모바일메뉴가 닫기가 되게 하고 싶습니다
아래 자바스크립트에 수정하면 될까요
$(window).on('resize', function(){
autoSize();
});
$(window).scroll(function(){
var w_width = $(window).width();
if(w_width > 750){
if($(document).scrollTop() >= 100){
$( ".second_view" ).fadeIn( 'fast', function() {
$(".eye_scroll_menu").show();
});
} else {
$( ".second_view" ).fadeOut( 'fast', function() {
$(".eye_scroll_menu").hide();
});
}
} else if(w_width < 750) {
if($(document).scrollTop() > 50){
$(".eye_scroll_menu2").css("position","fixed");
} else {
$(".eye_scroll_menu2").css("position","relative");
}
} else {
}
});
$(window).load(function(){
autoSize();
$('.eye_bt_nover').hover(function(){
$(this).stop().animate({backgroundColor: '#669fd9','color': '#fff'}, 'fast');
}, function() {
$(this).stop().animate({backgroundColor: '#fff','color': '#000'}, 'fast');
});
$('.eye_bt_over').hover(function(){
$(this).stop().animate({backgroundColor: '#ffcc00','color': '#000'}, 'fast');
}, function() {
$(this).stop().animate({backgroundColor: '#669fd9','color': '#fff'}, 'fast');
});
$('.hover_').css("height",$(".hover_ img").height()+"px");
$('.hover_').hover(function(){
$(this).find("div").stop().animate({'height':$(this).find("img").height()+"px",'width':'100%'}, 'fast');
$(this).find("span").fadeIn( 'fast' );
$(this).find("a").fadeIn( 'fast' );
}, function() {
$(this).find("div").stop().animate({'height':'0','width':'0'}, 'fast');
$(this).find("span").fadeOut( 'fast' );
$(this).find("a").fadeOut( 'fast' );
});
$('.eye_scr_subject_bt2').hover(function(){
$(this).stop().animate({backgroundColor:"#fff",'color':'#000'}, 'fast');
}, function() {
$(this).stop().animate({backgroundColor:'transparent','color':'#fff'}, 'fast');
});
$('.eye_scr_subject_bt').hover(function(){
$(this).stop().animate({backgroundColor:"#fff",'color':'#000'}, 'fast');
}, function() {
$(this).stop().animate({backgroundColor:'transparent','color':'#fff'}, 'fast');
});
$('.eye_meue_bar').toggle(function() {
$(".eye_left_menu").stop().animate({'height':'250px'}, 'fast');
$(".eye_left_menu li").fadeIn( 'fast', function() {
$(".eye_left_menu li").show();
});
$("html").css({overflow:'hidden'}).bind('touchmove', function(e){e.preventDefault()});
}, function() {
$(".eye_left_menu").stop().animate({'height':'0px'}, 'fast');
$(".eye_left_menu li").fadeOut( 'fast', function() {
$(".eye_left_menu li").hide();
});
$("html").css({overflow:'scroll'});
$("html").unbind('touchmove');
});
});
메뉴 div
<header>
<div class="eye_menu first_view" >
<ul><li>~~~~~</li></ul>
</div>
<div class="eye_scroll_menu second_view">
<ul><li>~~~~~</li></ul>
</div>
<div class="eye_scroll_menu2 thirth_view" >
<ul><li>~~~~~</li></ul>
</div>
<div class="eye_left_menu forth_view">
<ul><li>~~~~~</li></ul>
</div>
</header>