모바일 메뉴 관련
본문
eye 테마 모바일 화면에서
<span class="eye_meue_bar"><i class="fa fa-bars "></i></span>클릭하면
닫기 버튼으로 바뀌게 하고 싶어요
그리고 메뉴를 클릭하면 #company 이동후 메뉴가 그대로 없어지지 않고
화면 위를 덮어버리는 문제가 있어요
아래부분을 수정하면 될까요
$('.eye_meue_bar').toggle(function() {
$(".eye_left_menu").stop().animate({'height':'230px'}, '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');
});
답변 1
간단한 제이쿼리 클래스 제어 입니다.
<script>
function close(){
$(".숨길클래스명").css("display","none");
}
</script>
<a onclick="close()">닫기</a>
답변을 작성하시기 전에 로그인 해주세요.