미채택 완료

모바일 메뉴 관련

2017-03-23 (목) 12:40:05 3,687

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개 / 댓글 1개

2017-03-23 (목) 12:43:10

간단한 제이쿼리 클래스 제어 입니다.

Copy
<script> function close(){ $(".숨길클래스명").css("display","none"); } </script>  <a onclick="close()">닫기</a>
 

답변에 대한 댓글 1개

답변주셔서 감사해요
그런데 초보라 해결이 잘 안되네요!!!!

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